Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱
MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina.com

layer-list shape drawable 层叠背景 MD

目录

layer-list 简介

参考

layer-list 是啥

简单理解，layer 是层，list 是列表，那么 layer-list 就是层列表的意思。但是，是什么层列表呢？ 其实 layer-list 是用来创建 LayerDrawable 的，LayerDrawable 是 DrawableResource 的一种， 所以，layer-list 创建出来的图层列表，也就是一个 drawable 图形。

因 layer-list 创建出来的也是 drawable 资源，所以，同 shape selector 一样，都是定义在 res 中的 drawable 文件夹中，也是一个 xml 文件。使用的时候，同shape selector , 布局文件中使用 @drawable/ xxx 引用, 代码中使用 R.drawable.xxx 引用。

layer-list 的大致原理

layer-list 的大致原理类似RelativeLayout或者FrameLayout ，也是一层层的叠加 ，后添加的会覆盖先添加的。在 layer-list 中可以通过控制后添加图层距离最底部图层的上下左右的四个边距、旋转等属性，得到不同的显示效果。

案例1

单一边线效果

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>

        <shape>

            <solid android:color="#f00"/>

        </shape>

    </item>

    <item android:top="1dp">

        <shape>

            <solid android:color="#fff"/>

        </shape>

    </item>

</layer-list>

双边线效果

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>

        <shape>

            <solid android:color="#f00"/>

        </shape>

    </item>

    <item

        android:bottom="1dp"

        android:top="1dp">

        <shape>

            <solid android:color="#fff"/>

        </shape>

    </item>

</layer-list>

阴影效果

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item

        android:left="3dp"

        android:top="6dp">

        <shape>

            <solid android:color="#b4b5b6"/>

        </shape>

    </item>

    <item

        android:bottom="6dp"

        android:right="3dp">

        <shape>

            <solid android:color="#fff"/>

        </shape>

    </item>

</layer-list>

选择器效果

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true">

        <layer-list>

            <item>

                <color android:color="#f00"/>

            </item>

            <item android:bottom="2dp">

                <color android:color="#fff"/>

            </item>

        </layer-list>

    </item>

    <item>

        <layer-list>

            <item>

                <color android:color="#f00"/>

            </item>

            <item android:bottom="1dp">

                <color android:color="#fff"/>

            </item>

        </layer-list>

    </item>

</selector>

案例2

圆环效果

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>

        <shape

            android:dither="true"

            android:shape="oval">

            <solid android:color="#00f"/>

            <stroke

                android:width="1dp"

                android:color="#fff"/>

        </shape>

    </item>

    <item

        android:bottom="10dp"

        android:left="10dp"

        android:right="10dp"

        android:top="10dp">

        <shape

            android:shape="oval">

            <solid android:color="#0f0"/>

            <size

                android:width="30dp"

                android:height="30dp"/>

            <stroke

                android:width="1dp"

                android:color="#fff"/>

        </shape>

    </item>

    <item

        android:bottom="20dp"

        android:left="20dp"

        android:right="20dp"

        android:top="20dp">

        <shape

            android:shape="oval">

            <solid android:color="#f00"/>

            <size

                android:width="30dp"

                android:height="30dp"/>

            <stroke

                android:width="1dp"

                android:color="#fff"/>

        </shape>

    </item>

</layer-list>

层叠效果

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item

        android:left="20dp"

        android:right="20dp">

        <shape android:shape="rectangle">

            <solid android:color="#ff0"/>

            <corners

                android:bottomLeftRadius="5dp"

                android:bottomRightRadius="5dp"

                android:topLeftRadius="5dp"

                android:topRightRadius="5dp"/>

        </shape>

    </item>

    <item

        android:left="10dp"

        android:right="10dp"

        android:top="10dp">

        <shape android:shape="rectangle">

            <solid android:color="#0ff"/>

            <corners

                android:bottomLeftRadius="5dp"

                android:bottomRightRadius="5dp"

                android:topLeftRadius="5dp"

                android:topRightRadius="5dp"/>

        </shape>

    </item>

    <item android:top="20dp">

        <shape android:shape="rectangle">

            <solid android:color="#f00"/>

            <corners

                android:bottomLeftRadius="5dp"

                android:bottomRightRadius="5dp"

                android:topLeftRadius="5dp"

                android:topRightRadius="5dp"/>

        </shape>

    </item>

</layer-list>

案例3

最后一个bitmap

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <!--不设置 gravity=center 时会自动缩放-->

    <item>

        <shape>

            <solid android:color="#1000"/>

        </shape>

    </item>

    <item android:gravity="center">

        <bitmap android:src="@drawable/icon5"/>

    </item>

    <item android:gravity="left|top">

        <bitmap android:src="@drawable/icon1"/>

    </item>

    <item android:gravity="right|top">

        <bitmap android:src="@drawable/icon2"/>

    </item>

    <item android:gravity="right|bottom">

        <bitmap android:src="@drawable/icon3"/>

    </item>

    <item android:gravity="left|bottom">

        <bitmap android:src="@drawable/icon4"/>

    </item>

</layer-list>

最后一个 drawable

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <!--不设置 gravity=center 时会自动缩放-->

    <item>

        <shape>

            <solid android:color="#1000"></solid>

        </shape>

    </item>

    <item

        android:bottom="15sp"

        android:drawable="@drawable/icon5"

        android:gravity="center"

        android:left="15sp"

        android:right="15sp"

        android:top="15sp"></item>

    <item

        android:bottom="30dp"

        android:drawable="@drawable/icon1"

        android:gravity="center"

        android:right="30dp"></item>

    <item

        android:bottom="30dp"

        android:drawable="@drawable/icon2"

        android:gravity="center"

        android:left="30dp"></item>

    <item

        android:drawable="@drawable/icon3"

        android:gravity="center"

        android:left="30dp"

        android:top="30dp"></item>

    <item

        android:drawable="@drawable/icon4"

        android:gravity="center"

        android:right="30dp"

        android:top="30dp"></item>

</layer-list>

2018-8-8

附件列表

layer-list shape drawable 层叠背景 MD的更多相关文章

  1. ANDROID SHAPE画圆形背景_ANDROID实现角标布局

    ANDROID SHAPE画圆形背景_ANDROID实现角标布局 <?xml version="1.0" encoding="UTF-8"?> &l ...

  2. Android Drawable - Shape Drawable使用详解（附图）

    TIPS shape图形 –简单介绍 shape图形 –如何画? shape图形 –参数详细解析 shape图形 –如何用? shape图形 –实际开发应用场景 shape图形简单介绍 用xml实现一 ...

  3. Shape Drawable Resources

    1,示例 它们的代码如下: shape_oval.xml <?xml version="1.0" encoding="utf-8"?> <sh ...

  4. Android Drawable系列（1）：自定义背景以及注意事项

    0. Shape自身属性 android:shape=["rectangle" | "oval" | "line" | "ring ...

  5. Android - Resource 之 Drawable小结

    本篇直接选择性地翻译官方开发指南 ============================= Drawable有十种类型,如下 (1) - Bitmap file:这个简单,也可以用xml来更详细的定 ...

  6. [转]android中drawable资源的解释及例子

    原文链接:         http://blog.csdn.net/wode_dream/article/details/38584693 文章中的内容参考Dev Guide中的Drawable R ...

  7. 安卓权威编程指南-笔记（第21章 XML drawable）

    在Andorid的世界里,凡事要在屏幕上绘制的东西都可以叫drawable,比如抽象图形,Drawable的子类,位图图形等,我们之前用来封装图片的BitmapDrawable就是一种drawable ...

  8. Android GradientDrawable(shape标签定义) 静态使用和动态使用(圆角，渐变实现)

    Android GradientDrawable使用优势: 1. 快速实现一些基本图形(线,矩形,圆,椭圆,圆环) 2. 快速实现一些圆角,渐变,阴影等效果 3. 代替图片设置为View的背景 4. ...

  9. Android 中shape的使用(圆角矩形)

    一.在res/drawable文件夹下创建一个名为gradient_box的xml文件: <?xml version="1.0" encoding="utf-8&q ...

随机推荐

  1. 每日踩坑 2018-11-26 MVC Razor ActionLink 生成的URL中多生成了一个参数 ?length=n

    RouteConfig 的路由注册如下: routes.MapRoute( name: "Default", url: "{controller}/{action}&qu ...

  2. android 地图

    ========= Y:\AMap_Android_API_3DMap_Demo\android_studio\AMap3DDemo>keytool -v -list -keystore C:\ ...

  3. [TC11326]ImpossibleGame

    [TC11326]ImpossibleGame 题目大意: 一类字符串仅由'A','B','C','D'四种字母组成.对于这样的一个字符串\(S\),可以用以下两种方式之一修改这个字符串: 交换\(S ...

  4. 《linux/unix设计思想》读后感

    <linux/unix设计思想>这本书,觉得书的大部分内容都闲扯的太远了,以下简单的总结下本书的核心,帮助大家节省时间和金钱. linux/unix设计思想: 1) 程序应该小而专一,程序 ...

  5. Linux 网络流量实时监控工具之ntopng详解

    大纲一.前言二.ntopng 简介三.ntopng 功能说明 四.ntopng 安装详解五.ntopng 配置详解 六.ntopng 使用详解注,操作系统 CentOS 5.5 X86_64,软件版本 ...

  6. 反编译APK文件的三种方法(转)

    因为学习Android编程的需要,有时我们需要对网络上发布的应用项目进行学习,可是Android项目一般是通过APK文件进行发布的,我们看不到源代码,嘿嘿,办法总会有的,而且不止一个... ps:对于 ...

  7. [Go] Beego 模板嵌套 使用总结

    通过以下文章,掌握了 Go 模板引擎 的基本用法: [Go] Template 使用简介 [Go] 模板嵌套最佳实践 Beego模板语法指南 但在开始学习 Beego 框架的 模板嵌套 模块源码时,有 ...

  8. poj 2429 GCD &amp; LCM Inverse 【java】+【数学】

    GCD & LCM Inverse Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 9928   Accepted:  ...

  9. 延迟调用或多次调用第三方的Web API服务

    当我们调用第三方的Web API服务的时候,不一定每次都是成功的.这时候,我们可能会再多尝试几次,也有可能延迟一段时间再去尝试调用服务. Task的静态方法Delay允许我们延迟执行某个Task,此方 ...

  10. ASP.NET MVC中检测浏览器版本并提示下载更新

    如果网站使用html5.css3.自适应等新特性,可能有些浏览器版本不支持.这时候,需要提醒浏览者更新浏览器的版本到最新. 本篇用到的插件为:http://jreject.turnwheel.com/ ...