×

Android 基础:常用布局 介绍 & 使用(附 属性查询)

96
Carson_Ho 595a1b60 08f6 4beb 998f 2bf55e230555
2016.06.07 11:19* 字数 635

前言

  • Android开发中,绘制UI时常需各种布局
  • 今天,我将全面介绍Android开发中最常用的五大布局

Android Studio 2.2中新增的布局:约束布局(ConstraintLayout)介绍


目录

示意图

1. 布局类型

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

image.png


2. 布局介绍

  • 具体介绍
示意图

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


3. 布局属性

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

3.1 公有属性

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

  • layout_widthlayout_height
  • layout_margin+方位
  • padding +方位
  • layout_gravity
  • 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:

<?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中控件的属性设置:

<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
  • 具体使用
<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中控件的属性设置:

<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的安卓开发笔记

请点赞!因为你的鼓励是我写作的最大动力!

相关文章阅读
Android开发:最全面、最易懂的Android屏幕适配解决方案
Android事件分发机制详解:史上最全面、最易懂
Android开发:史上最全的Android消息推送解决方案
Android开发:最全面、最易懂的Webview详解
Android开发:JSON简介及最全面解析方法!
Android四大组件:Service服务史上最全面解析
Android四大组件:BroadcastReceiver史上最全面解析


欢迎关注Carson_Ho的简书!

不定期分享关于安卓开发的干货,追求短、平、快,但却不缺深度

Android常用汇总
Android常用汇总
3.2万字 · 37.8万阅读 · 400人关注
Web note ad 1