xml布局内容总结（一）--Android

最新推荐文章于 2021-09-26 15:41:20 发布

码卒

最新推荐文章于 2021-09-26 15:41:20 发布

阅读量854

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： xml 权重布局 UI

本文链接：https://blog.youkuaiyun.com/max1198/article/details/46981459

Android 专栏收录该内容

13 篇文章

订阅专栏

本文介绍在Android开发中如何利用XML布局文件中的weight属性实现界面元素的居中显示、等宽排列及按比例分配宽度等功能，帮助开发者提高UI设计效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于安卓项目中xml的使用非常多，为了达到一些好的UI效果，需要对xml比较熟练，会使用很多的小技巧，本人准备对这些小技巧进行整理和总结，希望进行分享和交流。

关于weight的使用，由于weight在布局中主要按比例进行组件的摆放，因此比较容易解决适配的问题，所以学会使用weight会减轻开发过程中部分繁琐的开发任务。

1.使用weight居中显示

2.使用weight实现相同宽度的n个组件（这里用3个做测试）

<?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:orientation="horizontal"
android:weightSum="3"
>

<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Weight_Button1" />
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Weight_Button2" />
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Weight_Button3" />

</LinearLayout>

3.使用weight实现不同比例宽度的n个组件（这里用4个做测试）

<?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:orientation="horizontal"
android:weightSum="10"
>

<TextView
android:layout_width="0dp"
android:layout_height="30dp"
android:layout_weight="4"
android:background="@color/yellow"
android:text="4" />
<TextView
android:layout_width="0dp"
android:layout_height="30dp"
android:layout_weight="3"
android:background="@color/red"
android:text="3" />
<TextView
android:layout_width="0dp"
android:layout_height="30dp"
android:layout_weight="2"
android:background="@color/yellow"
android:text="2" />
<TextView
android:layout_width="0dp"
android:layout_height="30dp"
android:layout_weight="1"
android:background="@color/red"
android:text="1" />

</LinearLayout>

占据比例分别为总宽度的0.4,0.3,0.2,0.1