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之后该布局管理器就被废除了。

 

posted @ 2014-02-25 10:04  正月龙  阅读(739)  评论(0)  编辑  收藏  举报
留言板