Android界面布局实例

最新推荐文章于 2025-09-30 16:26:20 发布

原创最新推荐文章于 2025-09-30 16:26:20 发布 · 3.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout #button #encoding #公告 #ui

Android移动开发专栏收录该内容

77 篇文章

订阅专栏

本文提供了一种简易方法来模拟天翼视讯客户端1.0版本的UI界面布局，包括公告区域、宫格区域、导航按钮区域和菜单区域。通过替换main.xml文件，可以实现界面的基本展示。

非常简单的模拟了天翼视讯客户端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>