安卓学习之路10之布局篇

第一种：LinearLayout（线性布局）

1.概念

LinearLayout是线性布局控件，它包含的子控件将以横向或竖向的方式排列

2.常用属性

android:orientation = "vertical" ---决定他子类控件的排布方式（vertical 或 horizontal）

android:gravity = "center"

---该属性决定他子类的xy的位置

（常用到的几个属性值：

1>center_vertical:垂直(Y轴)居中

2>center_horizontal:水平(X轴)居中

3>center:水平垂直都居中

4>right：子类控件位于当前布局的右边

5>left：子类控件位于当天布局的左边

6>bottom:子类控件位于当前布局的下边

）

3.子类控件在LinearLayout中常用到的属性

android:layout_gravity = "bottom"----指子类控件本身在当前父容器的XY的一个位置

android:layout_weight = "1" ----指本身控件占当前父容器的一个比例

注意：如果layout_height=wrap_content，就按比例显示；

如果layout_height=match_parent,显示则是反比例。

4.布局之间是相互套用去使用的。

第二种：RelativeLayout（相对布局）

1.RelativeLayout是相对布局控件，它包含的子控件将以控件之间的相对位置或者子类控件相对父类

容器的位置的方式排列

2.子类控件在RelativeLayout中常用到的属性（相对父容器的一个位置）

以下这些属性不用刻意去记，随着练习就记住了。

android:layout_alignParentLeft = "true" 子类控件相对当前父类容器靠左边

android:layout_alignParentTop = "true" 子类控件相对父类容器靠上边

android:layout_marginLeft ="41dp" 子类控件距离父类容器左边的距离

android:layout_marginTop = "33dp" 子类控件距离父类容器上边的距离

android:layout_centerInparent = "true" 子类控件相对父类容器即水平居中又垂直居中

android:layout_centerHorizontal = "true" 子类控件相对父类容器水平居中

android:layout_centerVertical = "true" 子类控件相对父类容器垂直居中

3.子类控件相对子类控件的一个位置

android:layout_below = "@+id/button1" 该控件位于给定id控件的底部

android:layout_toRightOf = "@+id/button1" 该控件位于给定id控件的右边

android:layout_above = "@+id/button1" 该控件位于给定id控件的上面

android:layout_toLeftOf = "@+id/button1" 该控件位于给定控件的左边

android:layout_alignBaseline = "@+id/button1" 该控件的内容与给定id控件的内容在一条线上

android:layout_alignBottom 该控件的底部边缘与给定ID控件的底部边缘对齐

android:layout_alignLeft 该控件的左边边缘与给定ID控件的左边边缘对齐

android:layout_alignRight 该控件的右边缘与给定ID控件的右边缘对齐

android:layout_alignTop 该控件的顶部边缘与给定ID控件的顶部对齐

第三种：FrameLayout(帧布局)

1.在FrameLayout中，所有的子元素都不能被指定放置的位置，它们统统放于这块区域的左上角，并且后面的子元素直接覆盖在前面的子元素之上，将前面的子元素部分和全部遮挡。

2.练习（显示的文字本应该放在string中的，此处为了方便才直接输入）

练习一

<TextView

android:layout_gravity="center"

android:background="#456789"

android:id="@+id/textView1"

android:layout_width="200dp"

android:layout_height="200dp"

android:text="第一个页面" />

<TextView

android:layout_gravity="center"

android:background="#785436"

android:id="@+id/textView2"

android:layout_width="150dp"

android:layout_height="150dp"

android:text="第二个页面" />

<TextView

android:layout_gravity="center"

android:background="#584693"

android:id="@+id/textView3"

android:layout_width="100dp"

android:layout_height="100dp"

android:text="第三个页面" />

<TextView

android:layout_gravity="center"

android:background="#731548"

android:id="@+id/textView4"

android:layout_width="50dp"

android:layout_height="50dp"

android:text="第四个页面" />

效果图



练习2

<ProgressBar

android:layout_gravity="center"

android:id="@+id/progressBar1"

style="?android:attr/progressBarStyleLarge"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

<TextView

android:layout_gravity="center"

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="80%" />

效果图2



第四种：AbsoluteLayout(开发基本不用到)

1.AbsoluteLayout(绝对布局)可以叫做坐标布局，可以直接指定子元素的绝对位置(xy)

2.由于手机屏幕尺寸差别比较大，使用绝对定位的适应性会比较差，在屏幕的适配上有缺陷（开发中少见到的原因）

3.子类控件的属性

android:layout_x="35dip" 控制当前子类控件的x位置

android:layout_y="40dip" 控制当前子类控件的y位置

第五种 TableLayout

1.TableLayout表格布局模型以行列的形式管理子控件，每一行为一个TableRow的对象，当然也可以是一个View的对象。

2全局属性

android:collapseColumns = "1,2" //隐藏从0开始的索引列。列直接必须用逗号隔开：1,2,5

android:shrinkCoulumns = "1,2" //收缩从0开始的索引列，当可收缩的列太宽（内容过多）不会被挤出屏幕；列直接必须用逗号隔开：1,2,5；可以用"*"代替收缩所有列，注意一列能同时表示收缩和拉伸。

android:stretchColumns="1,2" //拉伸从0开始的索引列，以填满剩下的多余空白空间，列直接必须用逗号隔开：1,2,5；可以通过"*"代替收缩所有列，注意一列能同时带上收缩和拉伸。

3内部空间所用属性（这两个属性有时需要手动敲入）

android:layout_column="1" 该控件显示在第2列

android:layout_span = "2" 该控件占据2列