Android(安卓)UI设计的FrameLayout与TableLayout布局

FrameLayout

帧布局在fragment中必须使用时才会使用，一般不使用
属性
visibility：
visible：显示
invisible：不显示但是占用空间
gone：不显示也不占用，相当于没有
该属性在Android的所有布局中通用，其他属性的使用与线性布局相似。

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent" android:layout_height="match_parent">    <Button        android:layout_width="240dp"        android:layout_height="240dp"        android:text="Button1"        android:visibility="visible"        android:background="#ff0000"        />    <Button        android:layout_width="180dp"        android:layout_height="180dp"        android:text="Button2"        android:visibility="invisible"        android:background="#0fff00"        />    <Button        android:layout_width="140dp"        android:layout_height="140dp"        android:text="Button3"        android:visibility="gone"        android:layout_marginBottom="15dp"        android:background="#00fff00"        />    <Button        android:layout_width="140dp"        android:layout_height="140dp"        android:text="Button3"        android:visibility="visible"       android:layout_marginLeft="20dp"        android:layout_marginTop="20dp"        android:background="#f0ff00"        />FrameLayout>

使用visible

使用invisible

TableLayout

TableLayout中每写一行或一列都要写相应的Table Row()或是Table Columns()
属性
stretchColumns:空白填充
shrinkColumns：设置行不被挤出屏幕
collapseColumns：隐藏列
Layout_span:设置某行的行数

<?xml version="1.0" encoding="utf-8"?><TableLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent" android:layout_height="match_parent"    android:stretchColumns="1"    android:shrinkColumns="1"   >    <TableRow>        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button1"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button22222222222222222222222222222"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button3"            />    TableRow>    <TableRow>        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button1"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button2"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button3"            />    TableRow>    <TableRow>        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button1"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button2"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button3"            />    TableRow>TableLayout>

未使用stretchColumns

使用stretchColumns（空白填充）

使用collapseColumns（隐藏列）

使用shrinkColumns（保证其他组件不被挤出屏幕）

layout_span的使用

<?xml version="1.0" encoding="utf-8"?><TableLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent" android:layout_height="match_parent"   >    <TableRow>        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button1"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_span="2"            android:text="Button22222222222222222222222222222"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button3"            />    TableRow>    <TableRow>        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button1"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button2"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button3"            />    TableRow>    <TableRow>        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button1"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button2"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button3"            />    TableRow>TableLayout>

FrameLayout

TableLayout

更多相关文章

随机推荐