移动开发课堂作业1_____LayoutTest

测试界面布局详解

最新推荐文章于 2021-10-25 20:17:44 发布

原创最新推荐文章于 2021-10-25 20:17:44 发布 · 637 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Layout #布局作业 #android

android 同时被 2 个专栏收录

5 篇文章

订阅专栏

移动开发课堂作业

2 篇文章

订阅专栏

本文介绍了在GitHub源码中实现的三种界面布局方法：线性布局（LinearLayout）、相对布局（RelativeLayout）及表格布局（TableLayout）。文章详细展示了如何通过调整属性如android:layout_weight使界面元素自适应不同屏幕尺寸，如何在AndroidManifest.xml中设置横屏显示，以及如何为TableLayout添加边框以增强视觉效果。

GitHub源码

测试界面布局的三种方式

首页

线性布局 LinearLayout

由于其中三行没有把行填充满，所以在嵌套的每个线性布局中对第二个控件的属性增加
android:layout_weight="1"
使其比重最大，自动占满剩余空间
即可让最后一个控件自适应使得界面相对美观

修改后的 LinearLayout

LinearLayout

相对布局 RelativeLayout

此处相对布局推荐使用横屏来显示
解决方法：
在AndroidManifest.xml文件中RelativeLayout对应的Activity中添加此条命令
android:screenOrientation="landscape"
使得屏幕显示强制改为横向显示

修改后的RelativeLayout

表格布局 TableLayout

第一次做的表格布局与PPT中要求的布局少了两条横线，当时并不了解怎么添加表格边框，网上查阅资料后，方法如下：
在 TableLayout的属性中加入背景色
android:background="#A8A8A8"
注意此处的背景色为边框所需的颜色

然后在每个TableRow中分别添加黑色的背景色
<TableRow android:background="#000000">

在所需要添加边框的地方则使用
android:background="#000000" android:layout_marginBottom="1dip"
其中根据边框的位置可以使用
android:layout_marginBottom android:layout_marginLeft android:layout_marginRight android:layout_marginTop android:layout_margin
分别设置下边框、左边框、右边框、上边框、全边框

修改后的TableLayout