Android线性布局基础

Android布局

实验二

前提：已经安装AndroidStudio3.5

一、利用线性布局实现实验要求中的界面

（1）新建一个虚拟设备用于测试

1.1:

（2）查看一下能否正常登陆，我的是系统4.1的x86模拟器

1.2:

（3）在主函数中找到这个，注意activity_main，等会要修改成我们要显示的布局

1.3:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZyiciBaY-1588132062006)(https://github.com/wxchentao/AndroidStudio/blob/master/images/second/1.3.png)]

（4）新建一个线性布局，我命名为layout

1.4:

1.5:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o7SDIbjz-1588132062010)(https://github.com/wxchentao/AndroidStudio/blob/master/images/second/1.5.png)]

（5）我的写法是将按钮一个一个的实现，并且命名（也有使用数组动态输入的方法，但是太麻烦了）。而线性布局是只有垂直和水平分布，所以要做到整齐排列要用到两种布局交叉嵌套（比如外面是垂直，每行加个水平），和等比权重layout_weight（都设成1就能保证布局齐整）。

1.7:

（6）准备测试布局，在主函数中修改成要测试的布局layout

1.8:

（7）这是我们模拟器上跑出来的画面，虽然字体大了一点，但是其他都没有问题，测试完成

1.9:

二、利用ConstraintLayout实现实验要求中界面

（1）constrainlayout同样是基于线性布局，新建一个布局

2.1:

（2）排版上仍旧套用了一里的交叉嵌套，与其不同的是这里加入了background背景板颜色，参数是RGB颜色值。使用padding和margin可以适当的调节按钮位置。

2.2:

（3）实验要求中最后一行的按钮贴合底部，这时候就要把height参数改成match_parent，即最大尺寸了。

2.3:

（4）准备测试constrainlaylout

2.4:

（5）测试结果~很漂亮。

2.5:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KVqZEjs4-1588132062021)(https://github.com/wxchentao/AndroidStudio/blob/master/images/second/2.5.png)]

三、利用表格布局实现实验要求中界面

（1）表格布局也是基于线性布局，新建一个tablelayout

3.1:

（2）先是基础的填充完表格。表格布局的API中是不提供行着色的方法的，所以为了在行中分割，我的做法是添加一行灰色的细线。然后对于左边的空余，使用marginLeft函数来调整距离。

3.2:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L8i7SA3N-1588132062024)(https://github.com/wxchentao/AndroidStudio/blob/master/images/second/3.2.png)]

（3）这是在预览中的图像，看起来大致都完成了

3.3:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-akrI6BJA-1588132062024)(https://github.com/wxchentao/AndroidStudio/blob/master/images/second/3.3.png)]

（4）准备测试

3.4:

（5）测试出来的结果差别太大了……我的字体太大了，即使我已经使用了dp这个像素单位

3.5:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rYlFRhzN-1588132062028)(https://github.com/wxchentao/AndroidStudio/blob/master/images/second/3.5.png)]

（6）重新调整了一下字体

3.6:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p6ImxN77-1588132062029)(https://github.com/wxchentao/AndroidStudio/blob/master/images/second/3.6.png)]

（7）现在显示的就正常多了，至于X import的不对齐，是因为我是手动对齐的，字体一改又变了……不管了，是小问题。

3.7:

参考文献：

1.https://developer.android.google.cn/guide/topics/ui/declaring-layout.html#java

2.https://blog.csdn.net/u013372185/article/details/29186301

cs/ui/declaring-layout.html#java

2.https://blog.csdn.net/u013372185/article/details/29186301