美文网首页Android开发实战总结Kotlin版Android知识 | 解析
Android 基础:常用布局 介绍 & 使用(附 属性

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

作者: Carson带你学安卓 | 来源:发表于2016-06-07 11:19 被阅读22236次

    前言

    • 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的简书!

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

    相关文章

      网友评论

      • 704c25adb7a5:LinearLayout的默认方向是水平方向吧!
      • 3481319ea87f:约束布局也可以加进去了
      • 汪萌萌_:layout_centerHorizontal 当前控件位于父控件的横向中间位置(水平方向上的中间)
        layout_centerVertical 当前控件位于父控件的纵向中间位置(平面上的正中间)
        layout_centerInParent 当前控件位于父控件的纵横向中间位置(垂直方向上的中间)
        这里!!!!!!!!!!!!!!!!!
        android:state_enabled 能够接受触摸或者点击事件
        android:state_checked 被checked了,如:一个RadioButton可以被check了。
        android:state_enabled 能够接受触摸或者点击事件
        还有这里!!!!!!!!!
        炎之铠:@Carson_Ho 有笔误啊 layout_centerVertical 和 layout_centerInParent 调转了,android:state_enabled多了,应该是android:state_clickabled
        Carson带你学安卓:这里怎么了
      • Frighteningpig:很不错,新手受益匪浅

      本文标题:Android 基础:常用布局 介绍 & 使用(附 属性

      本文链接:https://www.haomeiwen.com/subject/fgyddttx.html