Android界面布局实例

非常简单的模拟了天翼视讯客户端1.0版本的UI界面布局，具体使用方法就是将main.xml替换为以下文件即可。

 

 

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <!-- 模拟公告区域 --> <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1"> <Button android:background="#0000FF" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:textColor="#FFFFFF" android:gravity="left|center_vertical" android:text="公告演示区域"> </Button> </LinearLayout> <!-- 模拟宫格区域 --> <TableLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="20" android:orientation="vertical"> <TableRow android:orientation="horizontal" android:layout_weight="1"> <Button android:background="#FFFF00" android:layout_weight="1" android:text="1" android:layout_height="fill_parent"> </Button> <Button android:background="#00FFFF" android:layout_weight="1" android:text="2" android:layout_height="fill_parent"> </Button> <Button android:background="#FF00FF" android:layout_weight="1" android:text="3" android:layout_height="fill_parent"> </Button> </TableRow> <TableRow android:orientation="horizontal" android:layout_weight="1"> <Button android:background="#777700" android:layout_weight="1" android:text="4" android:layout_height="fill_parent"> </Button> <Button android:background="#007777" android:layout_weight="1" android:text="5" android:layout_height="fill_parent"> </Button> <Button android:background="#770077" android:layout_weight="1" android:text="6" android:layout_height="fill_parent"> </Button> </TableRow> <TableRow android:orientation="horizontal" android:layout_weight="1"> <Button android:background="#444400" android:layout_weight="1" android:text="7" android:layout_height="fill_parent"> </Button> <Button android:background="#004444" android:layout_weight="1" android:text="8" android:layout_height="fill_parent"> </Button> <Button android:background="#440044" android:layout_weight="1" android:text="9" android:layout_height="fill_parent"> </Button> </TableRow> </TableLayout> <!-- 模拟导航按钮区域 --> <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="4"> <Button android:background="#0000FF" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:textColor="#FFFFFF" android:text="1"> </Button> <Button android:background="#0000FF" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:textColor="#FFFFFF" android:text="2"> </Button> <Button android:background="#0000FF" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:textColor="#FFFFFF" android:text="3"> </Button> <Button android:background="#0000FF" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:textColor="#FFFFFF" android:text="4"> </Button> <Button android:background="#0000FF" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:textColor="#FFFFFF" android:text="5"> </Button> <Button android:background="#0000FF" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1" android:textColor="#FFFFFF" android:text="6"> </Button> </LinearLayout> <!-- 模拟菜单区域 --> <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1"> <Button android:background="#777777" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="1"> </Button> </LinearLayout> </LinearLayout>