返回> 网站首页

安卓 - 五种布局

yoours2014-06-08 20:52:48 阅读 1790

简介一边听听音乐，一边写写文章。

一、布局方式：

安卓 - 五种布局 - happyboy200032 - happyboy200032的博客

LinearLayout 线性布局方式(真不知道这该怎么翻译，其实很多技术名词还是不翻译的好)，这种布局比较常用，也比较简单，就是每个元素占一行，当然也可能声明为横向排放，也就是每个元素占一列。

线性布局是所有布局中最常用的类之一，也是RadioGroup, TabWidget, TableLayout, TableRow, ZoomControls类的父类。LinearLayout可以让它的子元素垂直(android:rientation=”vertical”)或水平(android:rientation=”vertical”)的方式排成一行（不设置方向的时候默认按照垂直方向排列）。当垂直布局时，每一行就只有一个元素，多个元素依次垂直往下；水平布局时，只有一行，每一个元素依次向右排列。

linearLayout中有一个重要的属性 android:layout_weight=”1″，这个weight在垂直布局时，代表行距；水平的时候代表列宽；weight值越大就越大。

Layout 中有写法如下：

layout_height="0dip" 或者 layout_width="0dip"

这里的意思是不是用具体的数值来计算高度或者宽度，而是和layout_weight 一起来使用的。经常会有这样的写法：同一个LinearLayout (假设是横向的) 中有几个view ，但是都不指定其具体的宽度，而是使用 layout_weight 参数来指定这几个view所占的比例。每个view所占的宽度的比例是自己的layout_weight 值和总的layout_weight的总和的比值。

水平线性和垂直线性二者的属性分别为：

android:orientation= " horizontal "

android:orientation= "vertical"

FrameLayout 帧布局方式，说帧不太容易理解，可以说成是层布局方式，也就是说，在它内部的元素，是一层一层的叠加在一起的。如果用过Photoshop，或者 Flash，这里面的层的概念是和他们一致的。如果最上层的元素是不透明的，并且比下面的元素尺寸要大，那么将看不到下面的元素，只能看到顶层元素。这些层的顺序是：最新声明的放到最前面。可以这样理解，Android按文件的书写顺序来组织这个布局，先声明的放在第一层，再声明的放到第二层，…，最后声明的放在最顶层。

它被定制为你屏幕上的一个空白备用区域，之后你可以在其中填充一个单一对象 — 比如，一张你要发布的图片。所有的子元素将会固定在屏幕的左上角；你不能为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的控件上面显示

RelativeLayout 相对定位的布局方式，这个比较好玩，在元素的位置的时候，使用相对位置，可以相对其他元素，也可以相对这个布局，就像我说：我现在站在pawa和 tempest的中间；或者说，我站在队伍的中间。前者就是相对其他元素来定义位置，后者是相对整个布局来定义位置。

允许子元素指定他们相对于其它元素或父元素的位置（通过ID 指定）。因此，你可以以右对齐，或上下，或置于屏幕中央的形式来排列两个元素。元素按顺序排列，因此如果第一个元素在屏幕的中央，那么相对于这个元素的其它元素将以屏幕中央的相对位置来排列。如果使用XML 来指定这个 layout ，在你定义它之前，被关联的元素必须定义。

第一类 : 属性值为 true 或 false

　　android:layout_centerHrizontal 水平居中

　　android:layout_centerVertical 垂直居中

　　android:layout_centerInparent 相对于父元素完全居中

　　android:layout_alignParentBottom 贴紧父元素的下边缘

　　android:layout_alignParentLeft 贴紧父元素的左边缘

　　android:layout_alignParentRight 贴紧父元素的右边缘

　　android:layout_alignParentTop 贴紧父元素的上边缘

　　android:layout_alignWithParentIfMissing 若找不到兄弟元素以父元素做参照物

　　第二类：属性值必须为 id 的引用名“ @id/id-name ”

　　android:layout_below 在某元素的下方

　　android:layout_above 在某元素的上方

　　android:layout_toLeftOf 在某元素的左边

　　android:layout_toRightOf 在某元素的右边

　　android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐

　　android:layout_alignLeft 本元素的左边缘和某元素的的左边缘对齐

　　android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐

　　android:layout_alignRight 本元素的右边缘和某元素的的右边缘对齐

　　第三类：属性值为具体的像素值，如 30dip ， 40px

　　android:layout_marginBottom 离某元素底边缘的距离

　　android:layout_marginLeft 离某元素左边缘的距离

　　android:layout_marginRight 离某元素右边缘的距离

　　android:layout_marginTop 离某元素上边缘的距离

TableLayout 表格的布局方式，我真的不忍心翻译Table这个词，翻译成表格，似乎少了一些神韵，这里面的Table和HTML中的Table非常像，就连写法都非常像。

表格布局，将子元素的位置分配到行或列中。一个TableLayout 由许多的TableRow 组成。其实Android的表格布局跟HTML中的表格布局非常类似，TableRow 就像HTML表格的<tr>标记。TableLayout 容器不会显示row 、cloumns 或cell 的边框线。每个 row 拥有0个或多个的cell ；每个cell 拥有一个View 对象。表格由列和行组成许多的单元格。表格允许单元格为空。单元格不能跨列，这与HTML 中的不一样。

android:shrinkColumns，对应的方法：setShrinkAllColumns(boolean)，作用：设置表格的列是否收缩（列编号从0开始，下同），多列用逗号隔开（下同），如android:shrinkColumns=”0,1,2″，即表格的第1、2、3列的内容是收缩的以适合屏幕，不会挤出屏幕。

android:collapseColumns，对应的方法：setColumnCollapsed(int,boolean)，作用：设置表格的列是否隐藏

android:stretchColumns，对应的方法：setStretchAllColumns(boolean)，作用：设置表格的列是否拉伸

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

　　</TableRow>

　　</TableRow>

　　</TableLayout>

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

　　android:gravity="center" 书面解释是权重比。其时就是让它居中显示。它还可以动态添加里面的每行每列。如下代码所示:

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

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

　　/*创建列对象*/

　　TableRow tableRow = new TableRow(this);