第24讲 UI_布局 之帧布局 表格布局 绝对布局

第24讲 UI_布局 之帧布局 表格布局 绝对布局

3.
FrameLayout(帧布局)

帧布局是从屏幕的左上角(0,0)坐标开始布局，多个组件层叠排序，后一个组件总会将前一个组件所覆盖，除非最后一个组件是透明的。

<Button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Button1"   />

<Button

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:text="Button2"   />

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Button3"   />

此布局通常用于软件的初始化页面，启动页面等。

属性名称	对应方法	说明
android:foreground	setForeground(Drawable)	设置该帧布局容器的前景图像
android:foregroundGravity	setForegroundGravity(int)	设置前景图像显示的位置

4. TableLayout(表格布局)

TableLayout(表格布局)，顾名思义就是像表格一样布局，以行、列的方式布局子组件。TableLayout使用TableRow对象来定义多行。每个TableRow就是一行

<TableRow>

<Button android:text="Button1"/>

<Button android:text="Button2"/>

<Button android:text="Button3"/>      </TableRow>

<TableRow>

<Button android:text="Button4"/>

<Button android:text="Button5"/>

<Button android:text="Button6"/>      </TableRow>

<TableRow>

<Button android:text="Button7"/>

<Button android:text="Button8"/>

<Button android:text="Button9"/>      </TableRow>

 TableLayout中也有几个常用属性：

(1) android:shrinkColumns属性：以0为序，当TableRow里面的控件布满布局时，指定列自动延伸以填充可用部分；当TableRow里面的控件还没有布满布局时，shrinkColumns不起作用。

(2) android:strechColumns：以第0行为序，指定列对空白部分进行填充。

(3) android:collapseColumns：以0行为序，隐藏指定的列。

(4) android:layout_column：以0行为序，设置组件显示指定列。

(5) android:layout_span：以第0行为序，设置组件显示占用的列数。

　//16个按钮

<Button  android:id="@+id/one"        android:text="1"/>

<Button          android:id="@+id/two"          android:text="2"/>

<Button          android:id="@+id/three"      android:text="3"/>

<Button          android:id="@+id/devide"     android:text="/"/>

<Button          android:id="@+id/four"          android:text="4"/>

<Button          android:id="@+id/five"          android:text="5"/>

<Button          android:id="@+id/six"             android:text="6"/>

<Button          android:id="@+id/multiply"   android:text="×"/>

<Button          android:id="@+id/seven"       android:text="7"/>

<Button          android:id="@+id/eight"        android:text="8"/>

<Button          android:id="@+id/nine"         android:text="9"/>

<Button          android:id="@+id/minus"        android:text="-"/>

<Button          android:id="@+id/zero"         android:layout_columnSpan="2"   android:layout_gravity="fill"android:text="0"/>

<Button          android:id="@+id/point"        android:text="."/>

<Button          android:id="@+id/plus"          android:layout_rowSpan="2"  android:layout_gravity="fill"android:text="+"/>

<Button          android:id="@+id/equal"       android:layout_columnSpan="3"  android:layout_gravity="fill" android:text="="/>

5. AbsoluteLayout(绝对布局)

AbsoluteLayout(绝对布局)，组件的位置可以准确的指定其在屏幕的x/y坐标位置。虽然可以精确的去规定坐标，但是由于代码的书写过于刚硬，使得在不同的设备，不同分辨率的手机移动设备上不能很好的显示应有的效果，所以此布局不推荐使用。

<Button

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:text="Button1"

android:layout_x="100dp"  />

<Button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Button2"

android:layout_y="100dp"   />