zoukankan      html  css  js  c++  java
  • ANDROID布局管理器

    布局管理器可以通过两种方式控制,一是修改xml布局视图文件,二是代

    码中动态定义并添加视图管理器。其实这一点和所有可视组件是一样的,因为布

    局管理器和其它组件一样都是可视组件。

     

    [线性布局管理器]

    之前的所有示例程序都是使用了线性布局管理器,对它应该是最熟悉的。下面新建一个项目来看:

    Xml代码  

    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    3.     android:layout_width="fill_parent"  
    4.     android:layout_height="fill_parent"  
    5.     android:orientation="horizontal" >  
    6. </LinearLayout>  

    <?xml version="1.0" encoding="utf-8"?>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:orientation="horizontal" >

    </LinearLayout>


        每个新建的默认项目都会创建一个main.xml文件,其中就是一个线性布局管理器。这里面的xmlns是XML文档的命名空间,这里就是android,那么以android:开头的属性都是该命名空间下的。首先来看layout_width,设置布局管理器的宽度,取值有match_parent,fill_parent和wrap_content,对于布局管理器来说,我们一般使用fill_parent来表示填充整个屏幕宽度。同理,layout_height表示的是布局管理器的高度,我们同样使用fill_parent来表示填充屏幕的高度。orientation表示该布局管理器中组件的排列方式,取值有horizontal和vertical,也就是水平和竖直排列。
    下面在这个线性布局管理器中创建几个组件:

    Xml代码  

    1. <TextView  
    2.         android:id="@+id/text1"  
    3.         android:layout_width="wrap_content"  
    4.         android:layout_height="wrap_content"  
    5.         android:text="Sarin" />  
    6.     <TextView  
    7.         android:id="@+id/text2"  
    8.         android:layout_width="wrap_content"  
    9.         android:layout_height="wrap_content"  
    10.         android:text="辽宁省大连市高新园区七贤岭汇贤园七号" />  
    11.     <TextView  
    12.         android:id="@+id/text3"  
    13.         android:layout_width="wrap_content"  
    14.         android:layout_height="wrap_content"  
    15.         android:text="腾飞软件园二号楼" />  

    <TextView

            android:id="@+id/text1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Sarin" />

        <TextView

            android:id="@+id/text2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="辽宁省大连市高新园区七贤岭汇贤园七号" />

        <TextView

            android:id="@+id/text3"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="腾飞软件园二号楼" />


        我们设置的布局管理器为水平排列组件,而在这三个组件中我们设置长和宽都是包裹内容,那么运行程序,我们看到如下效果:

        显示的内容挤到了一起,而且text2显示不下折行了,但是text3就完全就完全不见了,那么我们把屏幕切到横屏模式下:

        这次没有问题,都显示出来了。

     

    也就达到了我们代码中设置的效果。从前面的文档中我们可以看到LinearLayout是View类的子类,那么我们也就可以在Activity程序中进行动态控制,这在之前的示例中也有涉及,这里我们再进一步来研究。
        要在程序代码中控制布局,就要设置布局参数,而在XML中我们可以通过属性来直接定义,但在程序中就涉及到了布局参数类LinearLayout.LayoutParams,我们来看下它的文档:

        这是一个静态类,它的继承结构为:
    java.lang.Object
      
    android.view.ViewGroup.LayoutParams
      
    android.view.ViewGroup.MarginLayoutParams
      
    android.widget.LinearLayout.LayoutParams
        下面来看一下代码:

    Java代码  

    1. package org.ourpioneer;   
    2. import android.app.Activity;   
    3. import android.os.Bundle;   
    4. import android.view.ViewGroup;   
    5. import android.widget.LinearLayout;   
    6. import android.widget.TextView;   
    7. public class LinearLayoutDemoActivity extends Activity {   
    8.     @Override  
    9.     public void onCreate(Bundle savedInstanceState) {   
    10.         super.onCreate(savedInstanceState);   
    11.         LinearLayout layout = new LinearLayout(this);// 定义线性布局管理器   
    12.         LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(   
    13.                 ViewGroup.LayoutParams.FILL_PARENT,   
    14.                 ViewGroup.LayoutParams.FILL_PARENT);// 定义布局管理器的参数   
    15.         layout.setOrientation(LinearLayout.VERTICAL);// 定义组件的排列方式   
    16.         LinearLayout.LayoutParams textParams = new LinearLayout.LayoutParams(   
    17.                 ViewGroup.LayoutParams.FILL_PARENT,   
    18.                 ViewGroup.LayoutParams.WRAP_CONTENT);// 定义组件的布局参数   
    19.         TextView text = new TextView(this);   
    20.         text.setLayoutParams(textParams);// 设置组件的参数   
    21.         text.setText("Sarin");// 设置显示文字   
    22.         layout.addView(text, textParams);// 增加组件   
    23.         super.setContentView(layout, params);// 设置布局管理器   
    24.     }   
    25. }  

    package org.ourpioneer;

    import android.app.Activity;

    import android.os.Bundle;

    import android.view.ViewGroup;

    import android.widget.LinearLayout;

    import android.widget.TextView;

    public class LinearLayoutDemoActivity extends Activity {

      @Override

      public void onCreate(Bundle savedInstanceState) {

       super.onCreate(savedInstanceState);

       LinearLayout layout = new LinearLayout(this);// 定义线性布局管理器

       LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(

          ViewGroup.LayoutParams.FILL_PARENT,

          ViewGroup.LayoutParams.FILL_PARENT);// 定义布局管理器的参数

       layout.setOrientation(LinearLayout.VERTICAL);// 定义组件的排列方式

       LinearLayout.LayoutParams textParams = new LinearLayout.LayoutParams(

          ViewGroup.LayoutParams.FILL_PARENT,

          ViewGroup.LayoutParams.WRAP_CONTENT);// 定义组件的布局参数

       TextView text = new TextView(this);

       text.setLayoutParams(textParams);// 设置组件的参数

       text.setText("Sarin");// 设置显示文字

       layout.addView(text, textParams);// 增加组件

       super.setContentView(layout, params);// 设置布局管理器

      }

    }


        LinearLayout的构造方法接收Context类型的参数,那么这里毫无疑问是this,下面就是设置布局参数,需要注意的是FILL_PARENT等参数都是ViewGroup.LayoutParams类中的属性。之后我们创建了一个文本组件,并为文本组件设置它的布局管理参数。最后将文本显示组件添加到布局管理器中,最后设置Activity程序使用的布局管理器,那么我们运行程序,得到如下效果:

        说明我们的代码是没有问题的,我们得到了预期的效果。

    下载原说明文件

    ==============================================

    [绝对布局管理器]

          这和CSS中的定位布局是类似的。CSS中我们可以通过相对布局管理器对HTML元素进行布局,也可以通过绝对布局定位通过指定top,left等属性来为元素进行布局。而在Android之中,我们还有一个绝对布局管理器可以做到同样的效果。
        首先说明绝对布局管理器是已经在Android 2.3之后被废弃了,是不建议使用的。但绝对布局管理器却是布局管理器中最早的一种,下面来看一下绝对布局管理器的文档:


        文档已经说明,这是被废弃的布局管理器,而它的继承结构为:
    java.lang.Object
       ↳ android.view.View
       ↳ android.view.ViewGroup
       ↳ android.widget.AbsoluteLayout

        绝对布局管理器的含义就似乎采用坐标进行定位,我们的屏幕是二维结构,那么绝对布局管理器就按照x和y坐标进行定位,坐标的原点位于屏幕左上角。
        下面在Eclipse中新建一个项目来看一下绝对布局管理器,要注意我们创建的版本为Android 2.2(API Level 8):

    Xml代码 复制代码 收藏代码
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    3.     android:layout_width="fill_parent"  
    4.     android:layout_height="fill_parent"  
    5.     android:orientation="vertical" >  
    6.     <TextView  
    7.         android:id="@+id/txt"  
    8.         android:layout_width="wrap_content"  
    9.         android:layout_height="wrap_content"  
    10.         android:layout_x="40dp"  
    11.         android:layout_y="10dp"  
    12.         android:text="这里是一些显示信息" />  
    13. </AbsoluteLayout>  
    <?xml version="1.0" encoding="utf-8"?>
    <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
        <TextView
            android:id="@+id/txt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_x="40dp"
            android:layout_y="10dp"
            android:text="这里是一些显示信息" />
    </AbsoluteLayout>
    


        这里我们创建了一个绝对布局管理器,其中只有一个TextView组件用于文字显示,这里我们的布局属性设置了layout_x和layout_y,也就是设置坐标,那么运行程序,我们可以看到如下效果:



        那么x坐标就是40dp,y坐标是10dp,从这个坐标点开始放置我们设置的组件。下面再放置一个图片:

    Xml代码 复制代码 收藏代码
    1. <ImageView  
    2.     android:id="@+id/img"  
    3.     android:layout_width="wrap_content"  
    4.     android:layout_height="wrap_content"  
    5.     android:layout_x="60dp"  
    6.     android:layout_y="60dp"  
    7.     android:src="@drawable/ic_launcher" />  
        <ImageView
            android:id="@+id/img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_x="60dp"
            android:layout_y="60dp"
            android:src="@drawable/ic_launcher" />
    


        都是很简单的设置了,下面直接运行程序,我们可以看到如下效果:



        可以看到绝对定位管理器就是根据坐标来进行布局的,这是不推荐的,因为我们无法预知运行程序的设备实际情况,如果我们定义坐标,很可能我们的程序是不能正常显示的。所以在Android 2.3之后该布局管理器就被废除了。

  • 相关阅读:
    vue 使用sass 和less
    生命周期函数以及vue的全局注册
    vue-router的简单实现原理
    vue的三种传参方式
    配置router列表
    vue传参二
    Gym 101933E(状态压缩+记忆化搜索)
    Gym 101933 A(dp)
    Gym 101775H(dp)
    Gym 101775 D (思维)
  • 原文地址:https://www.cnblogs.com/webcyz/p/3566105.html
Copyright © 2011-2022 走看看