Android手机app页面布局方法

阳光穿透心脏的1/2处 2023-10-14 06:58 7阅读 0赞

## **app****页面布局方法** ##

### 1. **FrameLayout（帧布局）** ###

(1) FrameLayout是最简单的布局了。所有放在布局里的控件，都按照层次堆叠在屏幕的左上角。后加进来的控件覆盖前面的控件。

![5a1546ce1c124794857c67486723f31d.png][]

![088a8ab768dd4dfc8704e2dc1c9076f7.png][]

### 2. **LinearLayout（线性布局）** ###

(1) LinearLayout按照垂直或者水平的顺序依次排列子元素，每一个子元素都位于前一个元素之后。

(2) 如果是垂直排列，那么将是一个N行单列的结构，每一行只会有一个元素，而不论这个元素的宽度为多少；如果是水平排列，那么将是一个单行N列的结构。

(3) 如果搭建两行两列的结构，通常的方式是先垂直排列两个元素，每一个元素里再包含一个LinearLayout进行水平排列。

![4a418e84ca644ea69b22b3d502197006.png][]

![20f80779800a49a7be6a0926cdf89074.png][]

### 3. **RelativeLayout（相对布局）** ###

(1) RelativeLayout允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。

![c97f90d6a67640c4b4f0d1a50dd9118a.png][]

![c9d78cd222664529b91ec7a1eb3ae322.png][]

### 4. **AbsoluteLayout（绝对布局）** ###

(1) AbsoluteLayout，又可以叫做坐标布局，可以直接指定子元素的绝对位置，这种布局简单直接，直观性强，但是由于手机屏幕尺寸差别比较大，使用绝对定位的适应性会比较差。

(2) 在此布局中的子元素的android:layout\_x和android:layout\_y属性将生效，用于描述该子元素的坐标位置。屏幕左上角为坐标原点（0,0），第一个0代表横坐标，向右移动此值增大，第二个0代表纵坐标，向下移动，此值增大。在此布局中的子元素可以相互重叠。在实际开发中，通常不采用此布局格式。

### 5. **TableLayout（表格布局）** ###

(1) TableLayout ，适用于N行N列的布局格式。一个TableLayout由许多TableRow组成，一个TableRow就代表TableLayout中的一行。

(2) TextView：通常用于显示文字用的。

(3) ImageView：通常用于显示图片用的。

![43cd42257d6d410bad0389f5fe5d7bee.png][]

--------------------

**以下是我收集到的比较好的学习教程资源，虽然不是什么很值钱的东西，如果你刚好需要，可以评论区，留言【777】直接拿走就好了**

![c1653dd19f35495583cef3678b57b6b0.png][]

![775632765b6744fbbecbd8fdd097d1ab.png][]

**各位想获取资料的朋友请****点赞 + 评论 + 收藏****，三连！**

**三连**之后我会在评论区挨个私信发给你们~

[5a1546ce1c124794857c67486723f31d.png]: https://img-blog.csdnimg.cn/5a1546ce1c124794857c67486723f31d.png
[088a8ab768dd4dfc8704e2dc1c9076f7.png]: https://img-blog.csdnimg.cn/088a8ab768dd4dfc8704e2dc1c9076f7.png
[4a418e84ca644ea69b22b3d502197006.png]: https://img-blog.csdnimg.cn/4a418e84ca644ea69b22b3d502197006.png
[20f80779800a49a7be6a0926cdf89074.png]: https://img-blog.csdnimg.cn/20f80779800a49a7be6a0926cdf89074.png
[c97f90d6a67640c4b4f0d1a50dd9118a.png]: https://img-blog.csdnimg.cn/c97f90d6a67640c4b4f0d1a50dd9118a.png
[c9d78cd222664529b91ec7a1eb3ae322.png]: https://img-blog.csdnimg.cn/c9d78cd222664529b91ec7a1eb3ae322.png
[43cd42257d6d410bad0389f5fe5d7bee.png]: https://img-blog.csdnimg.cn/43cd42257d6d410bad0389f5fe5d7bee.png
[c1653dd19f35495583cef3678b57b6b0.png]: https://img-blog.csdnimg.cn/c1653dd19f35495583cef3678b57b6b0.png
[775632765b6744fbbecbd8fdd097d1ab.png]: https://img-blog.csdnimg.cn/775632765b6744fbbecbd8fdd097d1ab.png