前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android:常用布局介绍 & 属性设置大全

Android:常用布局介绍 & 属性设置大全

作者头像
Carson.Ho
发布2019-02-22 10:12:33
2.5K0
发布2019-02-22 10:12:33
举报
文章被收录于专栏:Android知识分享Android知识分享

前言

  • Android开发中,绘制UI时常需各种布局
  • 今天,我将全面介绍Android开发中最常用的五大布局 含 Android Studio 2.2中新增的布局:约束布局(ConstraintLayout)介绍

目录

示意图
示意图

1. 布局类型

Android中,共有2类、6种布局方式,分别是:

image.png
image.png

2. 布局介绍

  • 具体介绍
示意图
示意图

本文主要介绍传统的5大布局,关于约束布局(ConstraintLayout)具体点击查看文章


3. 布局属性

  • Android的布局属性通过 XML配置
  • 下面,主要讲解布局公有属性 & 特有属性

3.1 公有属性

即 5种布局都具备下述属性

  • layout_widthlayout_height
  • layout_margin+方位
  • padding +方位
  • gravity
  • layout_gravity layout_gravity 一般作用于 LeanerLayout 和 FrameLayout,但此处为了与 gravity对比
示意图
示意图

3.2 特有属性

  • 具体介绍如下
示意图
示意图

3.3 特别注意

  • 5个布局元素可相互嵌套使用,从而实现各种不同的效果
  • 关于 线性布局(LinearLayout)的权重属性layout_weight请看文章

4. 选择器(Selector)

4.1 作用

通过设置选择器(selector)可使控件 在不同操作下(默认、点击等) 显示不同样式

通过 xml编写 = selector.xml

4.2 属性

XML属性

说明

android:drawable

放一个drawable资源

android:state_pressed

按下状态,如一个按钮触摸或者点击。

android:state_focused

取得焦点状态,比如用户选择了一个文本框。

android:state_hovered

光标悬停状态,通常与focused state相同,它是4.0的新特性

android:state_selected

选中状态

android:state_enabled

能够接受触摸或者点击事件

android:state_checked

被checked了,如:一个RadioButton可以被check了。

android:state_enabled

能够接受触摸或者点击事件

注:上述所有属性的取值 = boolean属性 = truefalse

4.3 实例说明

drawable添加 selector.xml 资源文件

button_selector.xml:

代码语言:javascript
复制
<?xml version="1.0" encoding="UTF-8"?>
< selector xmlns:android="http://schemas.android.com/apk/res/android">

 < !-- 指定按钮按下时的图片 -->
 <item android:state_pressed="true"  
       android:drawable="@drawable/start_down"
 />

 < !-- 指定按钮松开时的图片 --> 
 <item android:state_pressed="false"
       android:drawable="@drawable/start"
 />

< /selector>

在布局文件main.xml中控件的属性设置:

代码语言:javascript
复制
<Button
  android:id="@+id/startButton"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/button_selector" 
/>

5. 布局形状(Shape)

  • 作用:设置布局的颜色、边框线
  • 使用:通过 xml编写 = shape.xml
  • 具体使用
代码语言:javascript
复制
<shape xmlns:android="http://schemas.android.com/apk/res/android">

//默认颜色
<solid android:color="#876543"/>
//哪个方向有边框线
  <padding
        android:bottom="0dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp" />
     //边框线颜色、大小
    <stroke
        android:width="1dp"
        android:color="#000000" />

在布局文件main.xml中控件的属性设置:

代码语言:javascript
复制
<Button
  android:id="@+id/startButton"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/layout_shape" 
/>

6. 总结

  • 本文全面介绍了 Android常用布局
  • 下面我将继续对 Android中的知识进行深入讲解 ,有兴趣可以继续关注Carson_Ho的安卓开发笔记

请帮顶 / 评论点赞!因为你的鼓励是我写作的最大动力!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016年06月20日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 目录
  • 1. 布局类型
  • 2. 布局介绍
  • 3. 布局属性
    • 3.1 公有属性
      • 3.2 特有属性
        • 3.3 特别注意
        • 4. 选择器(Selector)
          • 4.1 作用
            • 4.2 属性
              • 4.3 实例说明
              • 5. 布局形状(Shape)
              • 6. 总结
              • 请帮顶 / 评论点赞!因为你的鼓励是我写作的最大动力!
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档