Android常用布局

🕗 发布于 2024-10-12 12:53 android 开发语言 android-studio android studio xml

目录

布局文件中常见的属性

1. 基本布局属性

1）android:layout_width

2）android:layout_height

3）android:layout_margin

4）android:padding

2. 线性布局 (LinearLayout) 属性

1）android:orientation

2）android:gravity

3）android:layout_weight

4）案例LinearLayout水平布局

1.代码

2.效果

案例:LinearLayout垂直布局

1.代码

2.效果

3. 相对布局 (RelativeLayout) 属性

1）android:layout_alignParentTop/...Bottom/...Left/...Right

2）android:layout_centerInParent

3）android:layout_above/...below/...toLeftOf/...toRightOf

4）android:layout_alignWithParentIfMissing

案例:RelativeLayout相对布局的简单使用

1.代码

2.效果

4. 帧布局 (FrameLayout) 属性

1）android:foreground

2）android:layout_gravity

案例:帧布局的简单使用

1.代码

2.效果

5. 表格布局 (TableLayout) 和表格行 (TableRow) 属性

1）android:collapseColumns

2）android:stretchColumns

案例:表格布局的简单使用

1.代码

2.效果

3.注意

6. 网格布局 (GridLayout) 属性

1）android:rowCount/columnCount

2）android:alignmentMode

3）android:useDefaultMargins

案例:网格布局的简单使用

1.代码

2.效果

7. 其他常用属性

1）android:background

2）android:visibility

3）android:clickable

4）android:focusable

5）android:enabled

6）android:alpha

7）android:id

布局文件中常见的属性

1. 基本布局属性

`1）android:layout_width`

设置视图的宽度，可以是具体数值（如 100dp）、match_parent（与父元素一样宽）或 wrap_content（根据内容自动调整宽度）。

`2）android:layout_height`

设置视图的高度，选项同上。

`3）android:layout_margin`

设置视图外边距，也可以分别设置四个方向的外边距

（android:layout_marginLeft, android:layout_marginTop, android:layout_marginRight, android:layout_marginBottom）。

`4）android:padding`

设置视图内边距，同样可以分别设置四个方向的内边距（android:paddingLeft, android:paddingTop, android:paddingRight, android:paddingBottom）。

2. 线性布局 (`LinearLayout`) 属性

`1）android:orientation`

设置子元素的排列方向，值为 vertical 或 horizontal。

`2）android:gravity`

设置内容相对于视图的对齐方式。

`3）android:layout_weight`

分配剩余空间给子视图的比例权重。

4）案例LinearLayout水平布局

1.代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--水平布局-->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tools:ignore="MissingConstraints">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="buttonOne"

        />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="buttonTwo"

            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="buttonThree"

            />




    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

2.效果

案例:LinearLayout垂直布局

1.代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        tools:ignore="MissingConstraints">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="One"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Two"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Three"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Four"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Five"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Six"/>
    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

2.效果

3. 相对布局 (`RelativeLayout`) 属性

`1）android:layout_alignParentTop`/`...Bottom`/`...Left`/`...Right`

将视图对齐到父容器的顶部/底部/左边/右边。

`2）android:layout_centerInParent`

将视图居中于父容器。

`3）android:layout_above`/`...below`/`...toLeftOf`/`...toRightOf`

相对于另一个视图定位。

`4）android:layout_alignWithParentIfMissing`

如果指定的兄弟视图不存在，则与父视图对齐。

案例:RelativeLayout相对布局的简单使用

1.代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!--相对布局-->
    
    <!--按钮位于左上角-->
    
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="lefTop" 
        
        android:layout_alignParentLeft="true"
        
        />
    
    <!--按钮位于右上角-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="rightTOp"

        android:layout_alignParentRight="true"
        
        
        />
    <!--按钮上中-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="topCenter"

        android:layout_centerHorizontal="true"


        />
    <!--按钮左中-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="leftCenter"

        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
       
        />
    
    <!--myCenter上方-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        
        android:layout_above="@+id/myCenter"
        android:layout_centerHorizontal="true"
        android:text="top"
        />
    
    
    <!--按钮居中-->
    <Button
        android:id="@+id/myCenter"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="center"
        
        android:layout_centerInParent="true"
        

        />
    <!--myCenter下方-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:layout_below="@+id/myCenter"
        android:layout_centerHorizontal="true"
        android:text="below"
        />
    
    
    <!--按钮右中-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="rightCenter"

        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"

        />
    <!--按钮在左下脚-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="leftButtom"

        android:layout_alignParentBottom="true"
        
        />
    <!--按钮在有下角-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="rightButtom"
        
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"

        />
    
    <!--按钮下中-->

    <!--按钮左中-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="buttomCenter"

        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"

        />
</RelativeLayout>

2.效果

4. 帧布局 (`FrameLayout`) 属性

`1）android:foreground`

设置前景图像。

`2）android:layout_gravity`

设置视图在其父容器中的位置。

案例:帧布局的简单使用

1.代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    android:gravity="center">

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        
        android:layout_gravity="center"
        >
        <Button
            android:layout_width="400dp"
            android:layout_height="400dp"
            android:background="#746232"
            android:layout_gravity="center"
            android:text="20" />
        <Button
            android:layout_width="350dp"
            android:layout_height="350dp"
            android:background="#F6EAF3"
            android:layout_gravity="center"
            android:text="20" />

        <Button
            android:layout_width="300dp"
            android:layout_height="300dp"
            android:background="#F807C4"
            android:layout_gravity="center"
            
            android:text="20" />

        <Button
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:background="#8BB3F0"
            android:layout_gravity="center"
            android:text="20" />


        <Button
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:background="#0AE649"
            android:layout_gravity="center"
            android:text="20" />

        <Button
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:background="#FF9800"
            android:layout_gravity="center"
            android:text="20" />
        
        

        <Button
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#080CE2"
            android:layout_gravity="center"
            android:text="20" />

        <Button
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#E96FC6"
            android:layout_gravity="center"
            android:text="20" />

        <Button
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:background="#0DD8F4"
            android:layout_gravity="center"
            android:text="20" />

       

    </FrameLayout>

        
</LinearLayout>

2.效果

5. 表格布局 (`TableLayout`) 和表格行 (`TableRow`) 属性

`1）android:collapseColumns`

指定要折叠的列索引。

`2）android:stretchColumns`

指定应伸展以填充可用空间的列索引。

案例:表格布局的简单使用

1.代码

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#845612"

    

    >

    <TableRow

        android:background="#145678"
        android:layout_column="4"
        >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮"

            android:layout_column="0"
            />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2"

            android:layout_column="2"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮3"

            android:layout_column="1"
            />

    </TableRow>

    <TableRow
        android:background="#a45678"
        android:layout_column="3"
        >



        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2"

            android:layout_column="2"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮3"

            android:layout_column="1"
            />

    </TableRow>

    <TableRow
        android:background="#645678"
        android:layout_column="3"
        >

        <Button
            android:layout_width="wrap_content"

            android:layout_height="wrap_content"
            android:text="按钮"

            android:layout_column="0"
            />


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮3"

            android:layout_column="1"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮3"

            android:layout_column="3"
            />

    </TableRow>

</TableLayout>

2.效果

3.注意

修改主题，Theme.Design.NoActionBar,不然自定义的颜色无法使用

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" >

    <application
        android:allowBackup="true"
        android:dataExtractionRules="@xml/data_extraction_rules"
        android:fullBackupContent="@xml/backup_rules"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.Design.NoActionBar"
        tools:targetApi="31" >

        <activity
            android:name=".MainActivity"
            android:exported="true" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

6. 网格布局 (`GridLayout`) 属性

`1）android:rowCount`/`columnCount`

定义网格的行数和列数。

`2）android:alignmentMode`

设置如何对齐单元格内的内容。

`3）android:useDefaultMargins`

是否使用默认的边距。

案例:网格布局的简单使用

1.代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="3"
        android:rowCount="3"
        android:id="@+id/myGridTable">

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="0"
            android:layout_row="0"
            android:background="#31B6C3"
            android:text="1"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="1"
            android:layout_row="0"
            android:background="#DE117C"
            android:text="2"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="2"
            android:layout_row="0"
            android:background="#08D542"
            android:text="3"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="0"
            android:layout_row="1"
            android:background="#4B07EB"
            android:text="4"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="1"
            android:layout_row="1"
            android:background="#EB07A7"
            android:text="5"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="2"
            android:layout_row="1"
            android:background="#EB7A07"
            android:text="6"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="0"
            android:layout_row="2"
            android:background="#07EB8A"
            android:text="7"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="1"
            android:layout_row="2"
            android:background="#0EFDD9"
            android:text="8"
            android:gravity="center"
            android:layout_weight="1" />

        <TextView
            android:layout_width="125dp"
            android:layout_height="125dp"
            android:layout_column="2"
            android:layout_row="2"
            android:background="#FF0000"
            android:text="9"
            android:gravity="center"
            android:layout_weight="1" />

    </GridLayout>
</RelativeLayout>

2.效果

7. 其他常用属性

`1）android:background`

设置背景颜色或图片。

`2）android:visibility`

设置视图的可见性，值可以是 visible, invisible 或 gone。

`3）android:clickable`

设置视图是否可点击。

`4）android:focusable`

设置视图是否可以获得焦点。

`5）android:enabled`

设置视图是否启用。

`6）android:alpha`

设置视图透明度（0.0完全透明，1.0完全不透明）。

`7）android:id`

为视图提供一个唯一的标识符。

原文地址：https://blog.csdn.net/2301_76862031/article/details/142856337

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：敏感词过滤方案总结
下一篇：DBO-BP回归预测 | MATLAB实现DBO-BP蜣螂优化算法优化神经网络多输入单输出回归预测

PyQt基本功能
pyqt5创建基本窗口以及工具栏和菜单栏
阅读更多2024-10-12
可看见车辆行人的高清实时视频第4辑
建中镇位于瓮安县西南部，距县城18公里，距省会贵阳仅56公里，有全国最大的黄金芽种植示范基地，茶园种植面积3.56万亩，年生产加工茶叶8000吨以上，产值2.5亿以上。以“中山纪念亭”为发端，名为“四
阅读更多2024-10-12
springboot+react实现移动端相册（上传图片到oss/ 批量删除/ 查看图片详情等功能）
这是首个利用AI+自有知识构建的简易相册系统，项目是react构造前端+spring boot构造后端。其中还在后端配置了阿里云的OSS，将图片都存储在阿里云中。Java后端结构及代码。
阅读更多2024-10-12
Java的数据类型与变量
即程序运行期间固定不变的量。System.out.println("Hello World")；语句，不论程序何时运行，输出的都是Hello World，其实"Hell
阅读更多2024-10-12
2025秋招倒计时---招联金融
直接扫下方二维码，或点击内推官网https://wecruit.hotjob.cn/SU61025e262f9d247b98e0a2c2/mc/position/campus，使用内推码 igcefb
阅读更多2024-10-12
zynq 添加lwip库
在自己的项目属性中.
阅读更多2024-10-12
登录前端笔记（一）：pinia管理用户数据
②组件里使用：把导出的方法useCounterStore 在组件里执行后，得到实例对象counterStore ，后使用对象里的属性。二、官网简单实例（定义store【state与action】后组件
阅读更多2024-10-12
自动化运维：提升效率、降低风险的利器
在中国快速发展的数字化时代，企业面临着越来越多的IT运维挑战。为了应对这些挑战，自动化运维成为了一种不可或缺的解决方案。自动化运维通过利用先进的技术和工具，可以显著提高运维效率，降低风险，并为中国企业
阅读更多2024-10-12
10.12 标准IO
编写2个.c文件,save.c 和 load.c save.c负责：使用fprintf将3个学生的所有信息保存到文件中去 load.c负责：使用fscanf读取文件中的3个学生的信息，将读取到的数
阅读更多2024-10-12
第四十五章创建和添加 SAML 令牌 - 变体：不使用 BinarySecurityToken
可以忽略此令牌，而改用标识证书的信息；接收方使用此信息从相应位置检索证书。如果指定凭证集作为第一个参数（正如我们在这个变体中所做的那样），则默认引用选项是证书的指纹。的方法在中将属性指定为 XML、字
阅读更多2024-10-12

Android常用布局

布局文件中常见的属性

1. 基本布局属性

1）android:layout_width

2）android:layout_height

3）android:layout_margin

4）android:padding

2. 线性布局 (LinearLayout) 属性

1）android:orientation

2）android:gravity

3）android:layout_weight

4）案例LinearLayout水平布局

1.代码

2.效果

案例:LinearLayout垂直布局

1.代码

2.效果

3. 相对布局 (RelativeLayout) 属性

1）android:layout_alignParentTop/...Bottom/...Left/...Right

2）android:layout_centerInParent

3）android:layout_above/...below/...toLeftOf/...toRightOf

4）android:layout_alignWithParentIfMissing

案例:RelativeLayout相对布局的简单使用

1.代码

2.效果

4. 帧布局 (FrameLayout) 属性

1）android:foreground

2）android:layout_gravity

案例:帧布局的简单使用

1.代码

2.效果

5. 表格布局 (TableLayout) 和表格行 (TableRow) 属性

1）android:collapseColumns

2）android:stretchColumns

案例:表格布局的简单使用

1.代码

2.效果

3.注意

6. 网格布局 (GridLayout) 属性

1）android:rowCount/columnCount

2）android:alignmentMode

3）android:useDefaultMargins

案例:网格布局的简单使用

1.代码

2.效果

7. 其他常用属性

1）android:background

2）android:visibility

3）android:clickable

4）android:focusable

5）android:enabled

6）android:alpha

7）android:id

相关文章

`1）android:layout_width`

`2）android:layout_height`

`3）android:layout_margin`

`4）android:padding`

2. 线性布局 (`LinearLayout`) 属性

`1）android:orientation`

`2）android:gravity`

`3）android:layout_weight`

3. 相对布局 (`RelativeLayout`) 属性

`1）android:layout_alignParentTop`/`...Bottom`/`...Left`/`...Right`

`2）android:layout_centerInParent`

`3）android:layout_above`/`...below`/`...toLeftOf`/`...toRightOf`

`4）android:layout_alignWithParentIfMissing`

4. 帧布局 (`FrameLayout`) 属性

`1）android:foreground`

`2）android:layout_gravity`

5. 表格布局 (`TableLayout`) 和表格行 (`TableRow`) 属性

`1）android:collapseColumns`

`2）android:stretchColumns`

6. 网格布局 (`GridLayout`) 属性

`1）android:rowCount`/`columnCount`

`2）android:alignmentMode`

`3）android:useDefaultMargins`

`1）android:background`

`2）android:visibility`

`3）android:clickable`

`4）android:focusable`

`5）android:enabled`

`6）android:alpha`

`7）android:id`