《线性布局

最新推荐文章于 2023-05-13 18:12:15 发布
最新推荐文章于 2023-05-13 18:12:15 发布
阅读量237 收藏
点赞数
文章标签： android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_65584142/article/details/127839137
版权

文章目录

一、学习要点

  1. 界面与布局
  2. 线性布局属性
  3. 案例解析

概述

  • 线性布局(LinearLayout)是一种比较常用且简单的布局方式。在这种布局中，所有的子元素都是按照垂直或水平的顺序排列在界面上。如果是垂直排列，每个子元素占一行，如果是水平排列，则每个子元素占一列。线性布局可以支持布局样式嵌套实现复杂的布局样式

二、案例演示–线性布局属性

1、创建安卓应用

  • 基于Empty Activity模板创建–LinearLayoutDemo
    在这里插入图片描述
  • 点击【Finis】
    在这里插入图片描述

2、字符串资源文件

  • strings.xml
    在这里插入图片描述

3、主布局资源文件

  • activity_main.xml

  • 删除多余标签，把约束布局改为线性布局
    在这里插入图片描述

  • 增加两个按钮
    在这里插入图片描述
    在这里插入图片描述

  • 此时会发现两个按钮水平摆放，在窗口左上角

4、设置布局属性

（1）方向

  • orientation属性
  • 打开 Spli 视图可以随时查看其效果
    在这里插入图片描述

（2）内边距

  • padding 属性
    在这里插入图片描述

（3）对齐方式

  • gravity (left、center、right、top、bottom)
  • 组合应用如：设置右上对齐 - right|top
    在这里插入图片描述
  • 删掉 按钮1 的右外边距
    在这里插入图片描述
  • 居中对齐center
    在这里插入图片描述
  • 左下角对齐-left|bottom
    在这里插入图片描述
  • 右下角对齐—right|bottom
    在这里插入图片描述
  • 顶部居中对齐-center|top 或者 top|center
    在这里插入图片描述
  • 等等……

（4）背景设置

  • 采用颜色常量
    在这里插入图片描述
    在这里插入图片描述

  • 地址：http://cha.buyiju.com/tool/color.html

  • 采用颜色变量
    在这里插入图片描述
    在这里插入图片描述

  • 图片填充

  • 准备一张图片拷贝到drawable目录中
    在这里插入图片描述

  • 背景选择器
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:radius="20dp"/><!--设置圆角-->
    <stroke
        android:width="1dp"
        android:color="#ee3366"/><!--设置边框色-->
    <gradient
        android:startColor="#ffff00"
        android:centerColor="#ff0055"
        android:endColor="#aa00ff"/>
</shape>
  • 添加一个线性布局，设置自定义边框
    在这里插入图片描述

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    android:padding="20dp"
    android:gravity="center"
    android:background="@drawable/background"
    tools:context=".MainActivity">

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

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

    <LinearLayout
        android:layout_width="300dp"
        android:layout_height="250dp"
        android:background="@drawable/custom_border">

    </LinearLayout>

</LinearLayout>

5、线性布局嵌套

（1）创建安卓应用

  • 基于Empty Activity创建 - NestedLinearLayout
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

（2）字符串资源文件

  • strings.xml
    在这里插入图片描述

（3）将约束布局改为线性布局

  • activity_main.xml
  • 删除多余标签
    在这里插入图片描述
  • 添加三个线性布局并按1:2:3的比例垂直瓜分界面
    在这里插入图片描述

（4）修改布局

  • 在第一个布局中水平插入三张图片
    在这里插入图片描述
  • 在第二个布局中添加一个横向线性布局，在其中添加四个按钮
    在这里插入图片描述
  • 再次在第二个布局中添加一个编辑框，并把第二个布局改为竖向线性布局-orientation="vertical"

在这里插入图片描述

  • 第三个布局里添加三个布局，按照1:2:3比例水平瓜分第三个布局
    在这里插入图片描述
  • 启动应用，查看效果
  • 在这里插入图片描述
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center"
        android:background="#eeffcc">

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/img01"/>
        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/img02"/>
        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/img03"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:gravity="center"
        android:orientation="vertical"
        android:background="#55eeee">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal">
            <Button
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:layout_marginRight="10dp"
                android:text="按钮1" />
            <Button
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:layout_marginRight="10dp"
                android:text="按钮1" />
            <Button
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:layout_marginRight="10dp"
                android:text="按钮1" />
            <Button
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:text="按钮1" />

        </LinearLayout>
        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:background="#aabbcc"
            android:lines="3"
            android:text="再次在第二个布局中添加一个编辑框，并把第二个布局改为竖向线性布局"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="3"
        android:background="#eeffff"
        android:gravity="center">

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ff0000"
            android:gravity="center">
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:background="#00ff00"
            android:gravity="center">
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3"
            android:background="#0000ff"
            android:gravity="center">
        </LinearLayout>

    </LinearLayout>

</LinearLayout>
北岸初晴405
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android 线性布局LinearLayout实例代码
09-05
android 线性布局LinearLayout实例代码，需要的朋友可以参考一下
安卓学习笔记3.1 线性布局
weixin_69493757的博客
11-01 543
界面与布局 线性布局属性 案例解析
Android小技巧——LinearLayout巧妙的平均分配空间
DaltSoftware的博客
06-22 3万+
通过设置width/height和layout_weight属性，巧妙平分LinearLayout布局
测试开发环境
hollow_future的博客
09-20 310
如果要在线性布局里添加多个标签控件，默认的情况是水平排列，即线性布局的orientation属性默认是horizontal。如果希望两个标签隔开一点，那就是设置外边距属性（marginLeft、marginRight、marginTop、marginBottom）普通图片放在drawable目录，icon图标放在mipmap目录，将背景图片background.jpg拷贝到drawable目录里。打开res\layout目录，打开主布局文件activity_main.xml，默认是Design视图。
Android studio 线性布局
qq_65584142的博客
11-08 3218
线性布局
3.1 线性布局
GE_wy的博客
11-11 1445
应用界面包含用户可查看并与之交互的所有内容。安卓提供丰富多样的预置 UI 组件，例如结构化布局对象和 UI 控件，您可以利用这些组件为您的应用构建图形界面。安卓还提供其他界面模块，用于构建特殊界面，例如对话框、通知和菜单。
安卓线性布局实例
01-27
安卓线性布局，是基本的布局方式，是安卓入门的必要技能，通俗易懂的实例，欢迎下载
安卓线性布局
01-27
安卓线性布局，基本的布局方式，是安卓入门的必要技能，通俗易懂的实例，欢迎下载
线性布局
02-14
线性布局
线性布局的使用
07-20
线性布局的使用
Android Studio||java改变xml布局layout/动态位置/imageview翻转对称/简单方法
weixin_51159944的博客
03-29 792
【代码】Android Studio||java改变xml布局layout/动态位置/简单方法。
Android线性布局LinearLayout（七）
loveheronly的专栏
03-16 1034
Android、线性布局、LinearLayout
AndroidStudio改为线性布局
qq_44489753的博客
05-13 311
activity_main.xml中把开头默认的。
Android系统五大布局详解Layout
热门推荐
漫步云端
08-17 5万+
我们知道Android系统应用程序一般是由多个Activity组成，而这些Activity以视图的形式展现在我们面前，视图都是由一个一个的组件构成的。组件就是我们常见的Button、TextEdit等等。那么我们平时看到的Android手机中那些漂亮的界面是怎么显示出来的呢？这就要用到Android的布局管理器了，网上有人比喻的很好：布局好比是建筑里的框架，组件按照布局的要求依次排列，就组成了用于
线性布局 - Android开发
前后端分离，人不分离！
09-21 1698
LinearLayout线性布局，可以设置水平和垂直两个方向，（默认为水平方向）。
android四列均匀布局,Android的4种基本布局
weixin_39628342的博客
05-27 473
1.什么是布局？布局是一种可用于放置很多控件的容器,它可以按照一定的规律调整内部控件的位置，从而编写出精美的界面。布局的内部可以放置控件，当然了也可以放置布局，我们可以灵活的使用布局的嵌套从而实现出复杂的界面。 这个就是布局与控件的关系2.四种基本的布局- LinearLayout(线性布局)：这种布局的显示特点是所有子控件按横向或者纵向有序的排列android:orientation=”ver...
安卓使用使用Linearlayout布局实现登录界面
Aoian的博客
05-09 1315
安卓使用使用Linearlayout布局实现登录界面 欢迎扫码关注微信公众号"野心与家",回复21.5.9获取完整代码 效果如下: <?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
Android自定义View之Layout内部布局自定义
weixin_51065489的博客
09-07 2891
Android 自定义View ---- Layout内部布局自定义
android 布局属性用代码表示,AndroidLayout布局属性全解
weixin_39962356的博客
05-26 752
Android Layout 布局属性全解Android有基本Layout：FrameLayout，LinearLayout，TableLayout，RelativeLayout,AbsoluteLayout。android开发者谷歌文档http://android.xsoftlab.net/reference/android/view/ViewGroup.htmlFrameLayoutandr...
Android 线性布局
最新发布
09-27
Android线性布局是一种常见的布局方式，通过线性布局可以将子视图按照水平或垂直方向排列。线性布局可以根据需要指定子视图的权重，以实现灵活的布局效果。在Android中，线性布局通过LinearLayout类来实现。通过设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值