基础复习——线性布局LinearLayout——相对布局RelativeLayout——网格布局GridLayout——滚动视图ScrollView...

约定不等于承诺〃 2023-09-28 17:38 18阅读 0赞

**线性布局LinearLayout**

线性布局内部的各视图有两种排列方式：

(1)orientation属性值为horizontal时，内部视图在水平方向从左往右排列。

(2)orientation属性值为vertical时，内部视图在垂直方向从上往下排列。

如果不指定orientation属性，则LinearLayout默认水平方向排列。

布局：

![6767450c985d284dc11369ee26bee1eb.png][]

![e6db96c335a1afed6eba93a641ccd54c.png][]

![90e8c22a3a7daf9b1851352f36a54730.png][]

![bd2a2879af66c55fe0813c3ff9a9f2d9.png][]

![759f9937a5d54eb0d469c431b2dac865.png][]

线性布局的权重概念，指的是线性布局的下级视图各自拥有多大比例的宽高。

权重属性名叫layout\_weight，但该属性不在LinearLayout节点设置，而在线性布局的直接下级视图设置，表示该下级视图占据的宽高比例。

(1)layout\_width填0dp时，layout\_weight表示水平方向的宽度比例。

(2)layout\_height填0dp时，layout\_weight表示垂直方向的高度比例。

![d9b00319af8e19ad29821af5f013cf57.png][]

![6c5a07fc5cf256deb6e9f6714a6f6dc3.png][]

![32431215d76b60e95a35678af572cdad.png][]

![ee2d01eb941f79f3f0b30a8456c92ec7.png][]

![b974200f857f21501a85b2b8d2c18704.png][]

![a9bf49c244cebea4c9b71559bf293465.png][]

=====================================================================================================

**相对布局RelativeLayout**

相对布局的下级视图位置由其他视图决定。用于确定下级视图位置的参照物分两种：

(1)与该视图自身平级的视图；

(2)该视图的上级视图(也就是它归属的RelativeLayout)

如果不设定下级视图的参照物，那么下级视图默认显示在RelativeLayout内部的左上角。

下面是相对位置的取值说明：

![80425924a1a5694c442bd361db3d1eba.png][]

布局：

![6cd76291d84da02ea8a2e718ccd9a743.png][]

=================================================================================================================

**网格布局GridLayout**

网格布局支持多行多列的表格排列。

网格布局默认从左往右、从上到下排列，它新增了两个属性：

(1) columnCount属性，它指定了网格的列数，即每行能放多少个视图；

(2) rowCount属性，它指定了网格的行数，即每列能放多少个视图；

布局：

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="2"
        android:rowCount="2">
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="60dp"
            android:gravity="center"
            android:background="#ffcccc"
            android:text="浅红色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="60dp"
            android:gravity="center"
            android:background="#ffaa00"
            android:text="橙色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="205dp"
            android:layout_height="60dp"
            android:gravity="center"
            android:background="#00ff00"
            android:text="绿色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="205dp"
            android:layout_height="60dp"
            android:gravity="center"
            android:background="#660066"
            android:text="深紫色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
    </GridLayout>

![e903f1eac0dc114a376313d319197be3.png][]

布局：

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="2"
        android:rowCount="2">
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:background="#ffcccc"
            android:text="浅红色"
            android:layout_margin="20dp"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="80dp"
            android:layout_height="40dp"
            android:gravity="center"
            android:layout_gravity="center"
            android:layout_margin="40dp"
            android:background="#ffaa00"
            android:text="橙色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="205dp"
            android:layout_height="60dp"
            android:gravity="center"
            android:background="#00ff00"
            android:text="绿色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="205dp"
            android:layout_height="60dp"
            android:gravity="center"
            android:background="#660066"
            android:text="深紫色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
    </GridLayout>

![2393b89f0203a275ead5586f8b4948bd.png][]

布局：

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="2"
        android:rowCount="2">
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:background="#ffcccc"
            android:text="浅红色"
            android:layout_margin="20dp"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="80dp"
            android:layout_height="40dp"
            android:gravity="center"
            android:layout_gravity="center"
            android:background="#ffaa00"
            android:text="橙色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="205dp"
            android:layout_height="60dp"
            android:gravity="center"
            android:background="#00ff00"
            android:text="绿色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
        <TextView
            android:layout_width="205dp"
            android:layout_height="60dp"
            android:gravity="center"
            android:background="#660066"
            android:text="深紫色"
            android:textColor="#000000"
            android:textSize="17sp" />
    
    </GridLayout>

![c14552df6e7610e5dc4bfdc970f2ada8.png][]

======================================================================================================

**![20a3d2732ab30c6973146135354504db.png][]**

滚动视图有两种：

(1) ScrollView，它是垂直方向的滚动视图；垂直方向滚动时，layout\_width属性值设置为match\_parent，layout\_height属性值设置为wrap\_content。

(2) HorizontalScrollView，它是水平方向的滚动视图；水平方向滚动时，layout\_width属性值设置为wrap\_content，layout\_height属性值设置为match\_parent。

布局：

![62e4caf9ca5505ce9b5e7cbb98b0dc9b.png][]

![6db764b2d29d3797294b84881122d7e4.png][]

![972b7a105cb29ccac26557a48a92480c.png][]

![04b15b61614961be207ab88e87c2cb83.png][]

![243ee342b055c6986b0708aa2bb9a976.png][]

[6767450c985d284dc11369ee26bee1eb.png]: https://img-blog.csdnimg.cn/img_convert/6767450c985d284dc11369ee26bee1eb.png
[e6db96c335a1afed6eba93a641ccd54c.png]: https://img-blog.csdnimg.cn/img_convert/e6db96c335a1afed6eba93a641ccd54c.png
[90e8c22a3a7daf9b1851352f36a54730.png]: https://img-blog.csdnimg.cn/img_convert/90e8c22a3a7daf9b1851352f36a54730.png
[bd2a2879af66c55fe0813c3ff9a9f2d9.png]: https://img-blog.csdnimg.cn/img_convert/bd2a2879af66c55fe0813c3ff9a9f2d9.png
[759f9937a5d54eb0d469c431b2dac865.png]: https://img-blog.csdnimg.cn/img_convert/759f9937a5d54eb0d469c431b2dac865.png
[d9b00319af8e19ad29821af5f013cf57.png]: https://img-blog.csdnimg.cn/img_convert/d9b00319af8e19ad29821af5f013cf57.png
[6c5a07fc5cf256deb6e9f6714a6f6dc3.png]: https://img-blog.csdnimg.cn/img_convert/6c5a07fc5cf256deb6e9f6714a6f6dc3.png
[32431215d76b60e95a35678af572cdad.png]: https://img-blog.csdnimg.cn/img_convert/32431215d76b60e95a35678af572cdad.png
[ee2d01eb941f79f3f0b30a8456c92ec7.png]: https://img-blog.csdnimg.cn/img_convert/ee2d01eb941f79f3f0b30a8456c92ec7.png
[b974200f857f21501a85b2b8d2c18704.png]: https://img-blog.csdnimg.cn/img_convert/b974200f857f21501a85b2b8d2c18704.png
[a9bf49c244cebea4c9b71559bf293465.png]: https://img-blog.csdnimg.cn/img_convert/a9bf49c244cebea4c9b71559bf293465.png
[80425924a1a5694c442bd361db3d1eba.png]: https://img-blog.csdnimg.cn/img_convert/80425924a1a5694c442bd361db3d1eba.png
[6cd76291d84da02ea8a2e718ccd9a743.png]: https://img-blog.csdnimg.cn/img_convert/6cd76291d84da02ea8a2e718ccd9a743.png
[e903f1eac0dc114a376313d319197be3.png]: https://img-blog.csdnimg.cn/img_convert/e903f1eac0dc114a376313d319197be3.png
[2393b89f0203a275ead5586f8b4948bd.png]: https://img-blog.csdnimg.cn/img_convert/2393b89f0203a275ead5586f8b4948bd.png
[c14552df6e7610e5dc4bfdc970f2ada8.png]: https://img-blog.csdnimg.cn/img_convert/c14552df6e7610e5dc4bfdc970f2ada8.png
[20a3d2732ab30c6973146135354504db.png]: https://img-blog.csdnimg.cn/img_convert/20a3d2732ab30c6973146135354504db.png
[62e4caf9ca5505ce9b5e7cbb98b0dc9b.png]: https://img-blog.csdnimg.cn/img_convert/62e4caf9ca5505ce9b5e7cbb98b0dc9b.png
[6db764b2d29d3797294b84881122d7e4.png]: https://img-blog.csdnimg.cn/img_convert/6db764b2d29d3797294b84881122d7e4.png
[972b7a105cb29ccac26557a48a92480c.png]: https://img-blog.csdnimg.cn/img_convert/972b7a105cb29ccac26557a48a92480c.png
[04b15b61614961be207ab88e87c2cb83.png]: https://img-blog.csdnimg.cn/img_convert/04b15b61614961be207ab88e87c2cb83.png
[243ee342b055c6986b0708aa2bb9a976.png]: https://img-blog.csdnimg.cn/img_convert/243ee342b055c6986b0708aa2bb9a976.png