activity线性布局

本文详细介绍了安卓开发中的界面和布局概念,重点讲解了线性布局的使用,包括其继承关系、常用属性,并通过案例演示展示了如何设置线性布局的方向、背景、内边距和对齐方式。同时,还提供了线性布局嵌套的实践步骤,帮助初学者掌握安卓界面设计的基本技巧。
摘要由CSDN通过智能技术生成

一、界面和布局

1、界面

应用界面包含用户可查看并与之交互的所有内容。安卓提供丰富多样的预置 UI 组件,例如结构化布局对象和 UI 控件,您可以利用这些组件为您的应用构建图形界面。安卓还提供其他界面模块,用于构建特殊界面,例如对话框、通知和菜单。

2、布局

布局可定义应用中的界面结构(例如 Activity 的界面结构)。布局中的所有元素均使用 View 和 ViewGroup 对象的层次结构进行构建。View 通常绘制用户可查看并进行交互的内容。然而,ViewGroup 是不可见容器,用于定义 View 和其他 ViewGroup 对象的布局结构。

二、 线性 布局

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

1、继承关系

LinearLayout是ViewGroup的子类,注意:后面我们要学习的单选按钮组(RadioGroup)是线性布局的子类

2、常用属性

属性含义
text文本内容
textSize文本字号,单位:sp
textColor文本颜色,#ff0000 - 红色
layout_height高度,单位:dp (wrap_content, match_parent)
layout_weight宽度,单位:dp (wrap_content, match_parent)
orietation方向(vertical,horizontal)
gravity对齐方式(left, right, center, top, bottom…)
background背景(颜色[color]、图片[drawable]、选择器[selector])
weight比重(用于瓜分手机屏幕)
padding内边距 (paddingLeft, paddingRight, paddingTop, paddingBottom)
margin外边距 (marginLeft, marginRight, marginTop, marginBottom)

三、案例演示:线性布局属性

1、创建安卓应用

  • 基于Empty Activity模板创建安卓应用 - LinearLayoutDemo
  • 单击【Finish】按钮

2、主布局资源文件

  • 主布局资源文件 activity_main.xml
    在这里插入图片描述
  • 将约束布局改为线性布局,删掉默认的标签
    在这里插入图片描述
  • 添加两个按钮
    在这里插入图片描述

3、字符串资源文件

  • 字符串资源文件 - strings.xml
    在这里插入图片描述

4、启动应用,查看效果

  • 发现两个按钮水平摆放,在窗口左上角
    在这里插入图片描述

5、设置布局属性,查看效果

(1)设置线性布局方向

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

  • 设置线性布局内边距-paddingpaddingTop,paddingBotton,paddingRight,paddingLeft)
    在这里插入图片描述

  • 设置线性布局对齐方式-gravity(left,center,right,top,bottom可以搭配形成很多种对齐方式)

  • 设置右上对齐
    在这里插入图片描述

  • 设置居中对齐
    在这里插入图片描述

  • 想设置其他的也可以挨个试试

4、设置线性布局背景

  • 设置背景颜色(采用颜色变量)
    在这里插入图片描述

  • 设置背景颜色(采用颜色常量)
    在这里插入图片描述

  • 问题:想设置自己喜欢的颜色,怎么定义

  • 设置背景图片
    在这里插入图片描述

  • 设置背景选择器/配置器

  • 添加一个线性布局,设置自定义边框
    在这里插入图片描述

  • 实现边框变色效果
    在这里插入图片描述

四、案例演示:线性布局嵌套

1、创建安卓应用

  • 基于Empty Activity创建安卓应用 - NestedLinearLayout
    在这里插入图片描述
  • 单击【Finish】按钮

2、准备图片素材

  • 将三张小图片拷贝到res/drawable目录

3、主布局资源文件

  • 主布局资源文件-activity_main.xml
    在这里插入图片描述
  • 添加三个线性布局,按照1:2:3的比例
  • 水平瓜分将height设置为0dp,垂直瓜分将width设置为0dp
    在这里插入图片描述
  • 在第一个布局里添加一个横向布局
    在这里插入图片描述
  • 在第二个布局里添加一个横向线性布局
    在这里插入图片描述
  • 在第二个布局里添加一个编辑框,纵向和横向(应在第二个布局里添加一个android:orientation="vertical"属性)
    在这里插入图片描述

4、启动应用,查看效果

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值