Android界面布局的几种常用方式

长平狐 发布于 2012/06/18 15:28
阅读 1K+
收藏 0

现在Android非常疯狂,所以网上关于Android学习的资料如雨后春笋般冒起来,像这些基础的东西更是多如牛毛,我会把用过的东西碰到的困难和怎么解决的记录下来,一来可以供自己复习万一以后又碰到类似的问题就可以直接拿来看下。二来可以给初学者一点小小的帮助

在android中我们常用的布局方式有这么几种:LinearLayout (线性布局),RelativeLayout (相对布局),TableLayout (表格布局),AbsoluteLayout (绝对布局),FrameLayout (帧布局)。

 

LinearLayout 和 RelativeLayout 应该又是其中用的较多的两种。AbsoluteLayout 比较少用(我自己还没用过),因为它是按屏幕的绝对位置来布局的如果屏幕大小发生改变的话控件的位置也发生了改变。这个就相当于HTML中的绝对布局一样,一般不推荐使用。

 

LinearLayout 顾名思义就是一条条的将控件布置下去,线性布局分为水平线性和垂直线性二者的属性分别为

android:orientation="horizontal"   android:orientation="vertical" 。xmlns:android="http://schemas.android.com/apk/res/android" 很多人对这个感到困惑,其实它就是一个命名空间。

 

RelativeLayout 相对布局。里面的每个控件之间的关系都是相对的。如果不设置相对关系的话默认摆放在屏幕左上角。重要属性如下:

android:layout_toRightOf="@id/city" :与id为city的控件的右边对齐。

android:layout_alignTop="@id/city"  : 与id为city的控件的顶部对齐。

给出示意图如下所示:

android:layout_width="fill_parent" android:layout_height="wrap_content"  我一般在线性布局里面套相对布局,这时候需要注意上面两个属性相对布局的宽度可以设置为填充父控件,但是高度一般不要设置为填充父控件因为这样的话我想在相对布局外面在放控件就没有效果了因为屏幕已经被相对布局全部占据。

不管是用什么布局,宽度与高度这两个属性一定要弄清楚刚开始的时候我经常会发现有些控件没显示在界面上或者占据了整个屏幕,一检查原来是这里设置错了。还有不要忘记这两个属性在一般控件中都是不可或缺的,忘记设置的话就会报错。

 

TableLayout 这个表格布局不像HTML中的表格那样灵活,只能通过 TableRow 属性来控制它的行而列的话里面有几个控件就是几列(一般情况)。如下代码:

<TableLayout>

<TableRow>

    <EditText></EditText>

    <EditText></EditText>

</TableRow>

<TableRow>

    <EditText></EditText>

    <EditText></EditText>

</TableRow>

</TableLayout>

表示两行两列的一个表格。

android:gravity="center" 书面解释是权重比。其时就是让它居中显示。

它还可以动态添加里面的每行每列。如下代码所示:

 

/*根据id查找表格对象*/

TableLayout tableLayout = (TableLayout) findViewById(R.id.table01);

/*创建列对象*/

TableRow tableRow = new TableRow(this);

/*文本框对象*/

TextView temp = new TextView(this);

temp.setText("text的值");

/*将此文本添加到列中*/

tableRow.addView(temp);

android:stretchColumns="1,2,3,4" 它的意思就是自动拉伸1,2,3,4列。

 

FrameLayout 帧布局。在它里面的控件都是按后面的一个控件叠加在前一个控件上来显示的。如:

<FrameLayout android:layout_width="wrap_content"

                android:layout_height="wrap_content" android:layout_weight="1">

                <ImageView android:id="@+id/iv1" android:layout_width="wrap_content"

                    android:layout_height="wrap_content" android:visibility="invisible"

                    android:src="@drawable/lotusleaf"></ImageView>

                <ImageView android:id="@+id/f1" android:layout_width="wrap_content"

                    android:layout_height="wrap_content" android:src="@drawable/frog_right"

                    android:visibility="invisible"></ImageView>

            </FrameLayout> 

表示的是id为f1的控件叠加在id为iv1的控件上面显示。之前做的青蛙过河的游戏的界面布局“青蛙站在荷叶上”这样一个效果就是通过这个布局实现的。

 

这几种布局方式是最常用的初学者一定要掌握好,上面写的也就几个很重要和常用的属性很多其他的属性要亲自尝试一下才知道效果。希望这篇博客能对初学者有帮助。


原文链接:http://blog.csdn.net/pby_bob/article/details/6596305
加载中
返回顶部
顶部