当前位置: 首页 > backend >正文

LinearLayout 线性布局

目录

Android LinearLayout(线性布局)简单介绍与使用示例

一、效果介绍

二、布局文件(XML)

三、Java 代码

四、程序运行效果

五、总结


在 Android 移动应用开发中,LinearLayout(线性布局) 是最常见的布局方式之一。它可以让多个控件按垂直或水平方向依次排列,通过 orientation 属性设置方向,并配合 layout_weight 实现弹性布局,非常适合构建简单、规则的界面结构。本文通过完整示例,帮助你了解并掌握 LinearLayout 的基本使用方法。


一、效果介绍

本文示例将页面分为上下两个区域,每个区域中又包含三个颜色块。

  • 上半部分为水平排列的三块颜色区域

  • 下半部分为垂直排列的三块颜色区域
    所有区域大小按权重平均分配。


二、布局文件(XML)

文件名:res/layout/activity_main.xml
文件类型:XML 布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"android:orientation="vertical"><!-- 上半部分:水平排列三个颜色块 --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"><TextViewandroid:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:background="#F44336"/><TextViewandroid:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:background="#CDDC39"/><TextViewandroid:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:background="#00BCD4"/></LinearLayout><!-- 下半部分:垂直排列三个颜色块 --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:orientation="vertical"><TextViewandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:background="#9C27B0"/><TextViewandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:background="#FFC107"/><TextViewandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:background="#4CAF50"/></LinearLayout></LinearLayout>

三、Java 代码

文件名:MainActivity.java
文件类型:Java 文件

package com.example.a1;import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main); // 加载布局}
}

四、程序运行效果

运行程序后,页面被均匀分为上下两个区域:

  • 上面是三个水平颜色块(红色、绿色、青色)

  • 下面是三个垂直颜色块(紫色、黄色、绿色)
    所有区域大小均等,界面清晰整齐,体现了 LinearLayout 的线性排列和权重分配特点。


五、总结

本文展示了 Android 中 LinearLayout 的使用方式,通过 orientation 设置方向,通过 layout_weight 控制空间分配。LinearLayout 是最基础也最常用的布局方式之一,适合构建简单、规则的 UI 界面结构。希望这个示例能帮助你更好地理解线性布局的基本用法。

如需制作复杂布局,推荐结合 RelativeLayoutConstraintLayout 进一步学习使用。

 

http://www.xdnf.cn/news/601.html

相关文章:

  • MLA(多头潜在注意力)原理概述
  • 【Easylive】seataServer.properties 配置文件详细解析
  • 【python】Asyncio包学习 1-5
  • 【排队论】Probabilistic Forecasts of Bike-Sharing Systems for Journey Planning
  • 日语学习-日语知识点小记-进阶-JLPT-N2阶段(6): - (1)ても てでも特别强调(2)~もしないで = 聞かないで:根本不做某动作”
  • 【Java笔记】volatile 关键字
  • javaSE.四大函数式接口
  • Vue3基础
  • 关于一对多关系(即E-R图中1:n)中的界面展示优化和数据库设计
  • leetcode刷题日记——两数之和
  • Linux——firewalld防火墙
  • 2021-11-10 C++蜗牛爬井进3退1求天数
  • 【C++算法】63.字符串_二进制求和
  • 深度解析AI大模型中的模型微调技术:从基础到实践
  • 知识就是力量——一些硬件的使用方式
  • 第二十七讲:AI+农学导论
  • Python基于知识图谱的医疗问答系统【附源码、文档说明】
  • python基础知识点(3)
  • JAVA学习-多线程
  • linux查看目录相关命令
  • Linux系统中的网络传输、网络管理以及软件仓库的构建
  • @EnableAsync+@Async源码学习笔记之四
  • 2025年第十五届MathorCup数学应用挑战赛D题论文全网首发
  • MSCKF——运动方程IMU状态递推(Propagation)
  • 深度补全网络:CSPN++ 有哪些开源项目
  • 2025华中杯挑战赛B题【单车调度】原创论文讲解
  • docker 搭建nacos 2.2.1版本单机版
  • 国产SMT贴片机自主技术突破解析
  • A股周度复盘与下周策略 的deepseek提示词模板
  • Unreal 从入门到精通之如何接入MQTT