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. jsp的9大内置对象和4大作用域

  2. BZOJ4268 : 小强的书架

    首先将所有高度乘上10,设f[i]为将前i本书放入书架的最小高度,则 \[\begin{eqnarray*}f[i]&=&\min(f[j-1]+first(j,i)+second(j ...

  3. 使用CefSharp在.Net程序中嵌入Chrome浏览器（八）——Cookie

    CEF中的Cookie是通过CookieManager来管理的,可以用它来设置发送的Cookie. 发送Cookie 发送Cookie的一个基本示例如下: var cookieManager = _c ...

  4. Android开发：仿美团下拉列表菜单，帮助类，复用简单

    近期在项目中须要用到下拉菜单.公司比較推崇美团的下拉菜单,于是要实现该功能.想着.这个功能应该是一个常常会用到的.于是何不写一个帮助类,仅仅要往这个类里面传入特定的參数,既能够实现下来菜单,并且还能够 ...

  5. 浅析CentOS和RedHat Linux的区别

    CentOS的简介 CentOS是Community ENTerprise Operating System的简称,我们有很多人叫它社区企业操作系统,不管你怎么叫它,它都是Linux操作系统的一个发行 ...

  6. Mustache.js语法

    看了Mustache的github,学学此中的语法,做个笔记 1.简单的变量调换:{{name}} 1 var data = { "name": "Willy" ...

  7. Delphi 实现对注册表的监视和扫描

    ;iRes := RegEnumKey( hKeyx, dwIndex, buf, dwSize );if iRes = ERROR_NO_MORE_ITEMS thenbreakelse if iR ...

  8. 咏南中间件新增MORMOT移动端演示

    咏南中间件新增MORMOT移动端演示 基于FMX,支持安卓.IOS移动端. 1)使用INDY 的HTTP控件进行查询: procedure TForm1.查询1Click(Sender: TObjec ...

  9. 一个最简单的通过WireShark破解SSL加密网络数据包的方法

    原文地址: http://article.yeeyan.org/view/530101/444688 一般来说,我们用WireShark来抓取包进行分析是没有多大问题的.但这里有个问题是,如果你碰到的 ...

  10. android Installation error: INSTALL_FAILED_VERSION_DOWNGRADE

    http://www.apkbus.com/android-114019-1-1.html   提高 AndroidManifest.xml中的manifest的android:versionCode ...