您好!欢迎来到源码码网

Android五大布局之线性布局LinearLayout使用

  • 源码教程
  • 来源:源码码网
  • 编辑:admin
  • 时间:2021-01-08 13:08
  • 阅读:581

LinearLayout 又称线性布局,该布局应该是 Android 视图设计中最经常使用的布局。该布局可以使放入其中的组件以水平方式或者垂直方式整齐排列,通过 android:orientation 属性指定具体的排列方式,通过 weight 属性设置每个组件在布局中所占的比重。

实例 LinearLayoutDemo 演示了 LinearLayout 布局的使用方法,效果如图 3 所示。

图 3  LinearLayout 的布局效果

实例 LinearLayoutDemo 中的 strings.xml 文件代码如下:

  1. <?xml version="1.0" encoding="UTF-8"?>

  2. <resources>

  3.   <string name="app_name">LinearLayoutDemo</string>

  4.   <string name="red">red</string>

  5.   <string name="yellow">yellow</string>

  6.   <string name="green">green</string>

  7.   <string name="blue">blue</string>

  8.   <string name="row1">row one</string>

  9.   <string name="row2">row two</string>

  10.   <string name="row3">row three</string>

  11.   <string name="row4">row four</string>

  12. </resources>

实例 LinearLayoutDemo 中的布局文件 main.xml 代码如下:


  1. <?xml version="1.0" encoding="utf-8"?>


  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  3.     android:layout_width="fill_parent"

  4.     android:layout_height="fill_parent"

  5.     android:orientation="vertical">


  6.     <LinearLayout

  7.         android:layout_width="fill_parent"

  8.         android:layout_height="fill_parent"

  9.         android:layout_weight="1"

  10.         android:orientation="horizontal">


  11.         <TextView

  12.             android:layout_width="wrap_content"

  13.             android:layout_height="fill_parent"

  14.             android:layout_gravity="center_horizontal"

  15.             android:layout_weight="1"

  16.             android:background="#aa0000"

  17.             android:text="@string/red" />


  18.         <TextView

  19.             android:layout_width="wrap_content"

  20.             android:layout_height="fill_parent"

  21.             android:layout_gravity="center_horizontal"

  22.             android:layout_weight="1"

  23.             android:background="#00aa00"

  24.             android:text="@string/green" />


  25.         <TextView

  26.             android:layout_width="wrap_content"

  27.             android:layout_height="fill_parent"

  28.             android:layout_gravity="center_horizontal"

  29.             android:layout_weight="1"

  30.             android:background="#0000aa"

  31.             android:text="@string/blue" />


  32.         <TextView

  33.             android:layout_width="wrap_content"

  34.             android:layout_height="fill_parent"

  35.             android:layout_gravity="center_horizontal"

  36.             android:layout_weight="1"

  37.             android:background="#aaaa00"

  38.             android:text="@string/yellow" />

  39.     </LinearLayout>


  40.     <LinearLayout

  41.         android:layout_width="fill_parent"

  42.         android:layout_height="fill_parent"

  43.         android:layout_weight="1"

  44.         android:orientation="vertical">


  45.         <TextView

  46.             android:layout_width="fill_parent"

  47.             android:layout_height="wrap_content"

  48.             android:layout_weight="1"

  49.             android:text="@string/row1"

  50.             android:textSize="15pt" />


  51.         <TextView

  52.             android:layout_width="fill_parent"

  53.             android:layout_height="wrap_content"

  54.             android:layout_weight="1"

  55.             android:text="@string/row2"

  56.             android:textSize="15pt" />


  57.         <TextView

  58.             android:layout_width="fill_parent"

  59.             android:layout_height="wrap_content"

  60.             android:layout_weight="1"

  61.             android:text="@string/row3"

  62.             android:textSize="15pt" />


  63.         <TextView

  64.             android:layout_width="fill_parent"

  65.             android:layout_height="wrap_content"

  66.             android:layout_weight="1"

  67.             android:text="@string/row4"

  68.             android:textSize="15pt" />

  69.     </LinearLayout>

  70. </LinearLayout>

该布局中放置了两个 LinearLayout 布局对象。

第一个 LinearLayout 布局通过 android:orientation="horizontal" 属性将布局设置为横向线性排列。

第二个 LinearLayout 布局通过 android:orientation="vertical" 属性将布局设置为纵向线性排列。

每个 LinearLayout 布局中都放入了 4 个 TextView,并通过 android:layout_weight 属性设置每个组件在布局中所占的比重相同,即各组件大小相同。

layout_weight 用于定义一个线性布局中某组件的重要程度。所有的组件都有一个 layout_weight 值,默认为 0。意思是需要显示多大的视图就占据多大的屏幕空间。若赋值为大于 0 的值,则将可用的空间分割,分割的大小取决于当前的 layout_weight 数值与其他空间的 layout_weight 值的比率。

例如水平方向上有两个按钮,每个按钮的 layout_weight 数值都设置为 1,那么这两个按钮平分宽度;若第一个为 1,第二个为 2,则可将空间的三分之一分给第一个,三分之二分给第二个。

将 LinearLayoutDemo 中水平 LinearLayout 的第 4 个 TextView 的 android:layout_weight 属性赋值为 2,运行效果如图 4 所示。

修改android:layout_weight属性

图 4  修改 android:layout_weight 属性

LinearLayout 布局可使用嵌套。活用 LinearLayou 布局可以设计出各种各样漂亮的布局方式。

特别声明:
1、如无特殊说明,内容均为本站原创发布,转载请注明出处;
2、部分转载文章已注明出处,转载目的为学习和交流,如有侵犯,请联系客服删除;
3、编辑非《源码码网》的文章均由用户编辑发布,不代表本站立场,如涉及侵犯,请联系删除;
全部评论(0)
推荐阅读
  • 陀螺匠OA办公系统源码 PHP + Vue 前后端分离 完整可商用
  • 陀螺匠OA办公系统源码 PHP + Vue 前后端分离 完整可商用
  • 项目介绍《陀螺匠》是一套采用Laravel9框架结合Swoole高性能框架与Vue.js前端技术栈构建的AI+低代码双引擎智能办公系统。陀螺匠深度融合了AI智能体以及低代码开发平台,系统简约,易于功能扩展,方便二次开发。旨在为企业提供一站式、数智化转型的全方位解决方案,助力企业高效运营与智能决策。源码说明源码说明:项目代码100%开源,基于AGPL-3.0,支持免费商用!技术栈:系统基于Laravel9+Swoole+Vue.
  • 软件教程
  • 来源:CRMEB
  • 编辑:CRMEB
  • 时间:2026-03-27 15:33
  • 阅读:393
  • open claw最近很火,如何理性看待?
  • open claw最近很火,如何理性看待?
  • openclaw是2026年初科技圈最火爆的现象级话题。它不仅仅是又一个AI产品,更被百川智能的王小川誉为与ChatGPT诞生同等重要的里程碑——标志着AI从”只会说”的对话者,进化到了”能够做”的行动者。对于这股全民”养虾”热潮,我的观察是:它代表了一次人机关系的革命性跃迁,但同时也是一场充满风险与泡沫的狂欢,其真正的价值需要在喧嚣褪去、安全与成本的挑战被克服后才能显现。下
  • 行业资讯
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2026-03-17 11:06
  • 阅读:435
  • 原生小程序和封装的小程序有什么区别
  • 原生小程序和封装的小程序有什么区别
  • 原生小程序和封装的小程序是两种不同的开发模式,主要区别在于开发方式、性能表现、代码维护以及跨平台能力。为了让你更清晰地理解,我们可以把“原生”比作用钢筋水泥直接盖楼,而“封装”则是用预制板或套件来组装楼。以下是详细的对比分析:1.定义与本质原生小程序:定义: 直接使用微信官方提供的开发工具、语法和API进行开发。语言: 使用微信自己定义的一套技术栈(WXML(微信标记语言)做结构、WXSS(微信样式表)做样式、JS
  • 行业资讯
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2026-03-06 11:54
  • 阅读:669
  • 基于NetCore(Razor Page)开发的Cms建站系统MIT协议
  • 基于NetCore(Razor Page)开发的Cms建站系统MIT协议
  • FytSoaCms一款基于NetCore2.2/3.1(RazorPage)功能强大的Cms建站系统,支持前后端分离。简介:模块化:全新的架构和模块化的开发机制,便于灵活扩展和二次开发。模型/栏目/分类信息体系:通过栏目和模型绑定,以及不同的模型类型,不同栏目可以实现差异化的功能,轻松实现诸如资讯、下载、讨论和图片等功能。通过分类信息和栏目绑定,可以自动建立索引表,轻松实现复杂的信息检索。FytSoa是一套基于NetCore+SqlS
  • 开发工具
  • 来源:gitee
  • 编辑:源码码网
  • 时间:2026-01-24 22:21
  • 阅读:596
  • 基于JAVA开发的企业级平台微信公众号管理系统SmartWx
  • 基于JAVA开发的企业级平台微信公众号管理系统SmartWx
  • SmartWx微信公众号管理系统是一个完整的微信公众号web操作版,直接编译即可运行。让用户不再用关心微信的底层接口,直接使用页面进行操作,简单方便。包括服务器绑定、文本管理、图文管理、菜单管理、粉丝管理、群发消息等。技术框架开发语言:JAVA数据库:MYSQLJAVA开发框架:SpringMVC+Spring+Mybatis缓存框架:j2cache前端开发框架:Layui+JQuery+html前台模板引擎:art-templat
  • 源码教程
  • 来源:gitee
  • 编辑:源码码网
  • 时间:2026-01-24 21:53
  • 阅读:602
联系客服
源码代售 源码咨询 技术开发 联系客服
029-84538663
手机版

扫一扫进手机版
返回顶部