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. Future和FutureTask

    上次介绍了Callable实现多线程的方法.现在介绍和Callable搭配的类.上一篇只是简单的用Callable做了一个demo. 一.Future 1.关于callable和runable的区别( ...

  2. BZOJ4161 常系数齐次线性递推

    问了数竞的毛毛搞了一番也没太明白,好在代码蛮好写先记下吧. #include<bits/stdc++.h> using namespace std; ,mod=1e9+; int n,k, ...

  3. 如何用dat批处理文件关闭某端口对应程序-Windows自动化命令

    如何用dat批处理文件关闭某端口对应程序? 网上找到的大部分都是手动操作,第一步先查出端口,第二步在根据上一步查到的端口手动去关闭进程.但我的需求不是这样的,我需要全自动处理.用于 dubbo 服务进 ...

  4. HDU 5745 La Vie en rose 暴力

    La Vie en rose 题目连接: http://acm.hdu.edu.cn/showproblem.php?pid=5745 Description Professor Zhang woul ...

  5. android tesseract-ocr实例教程（包含中文识别）（附源码）

    (转载请注明出处:http://blog.csdn.net/buptgshengod) 1.介绍     快过年了,博主的新应用-屏幕取词之了老花镜的编码工作也在紧锣密鼓的进行中.下面分享一下这个应用 ...

  6. 利用ComponentWillReceiveProps解决异步问题

    1.工作中遇到这么一个问题:有多个按钮,点击不同的按钮发送不同的请求(传的id不同)并显示弹窗,弹窗里要展示后端发送回来的数据.但是比如点击第二个按钮,弹窗里显示的仍然是第一个弹窗里的数据. 2.原因 ...

  7. Serilog中的Jobject/Jtoken对象序列化的问题

    今天使用Serilog打印object对象的时候,发现Jtoken对象输出成 [[[]] 这种形式了,本来以为是传入参数的问题,确认了几遍后发现确实是Serilog输出的问题.github上也有人提出 ...

  8. oracle sql 高级

    1  时间   如果是从当前时间到前一个月的这个时候之间的记录总条数:   select count(1)   from uis_md_stcustom u  where firsttime betw ...

  9. lex yacc flex bison

    lex与yacc是两个在Unix下的分别作词法分析和语法分析的工具, Linux对应flex与bison. windows:http://sourceforge.net/projects/unxuti ...

  10. 添加Godaddy二级域名子域名方法

    我们在申请注册了Godaddy域名后,如果需要开通二级域名,方法简单只需要在Godaddy添加二级域名(子域名)只要在域名管理后台添加A记录或CNAME别名(Aliases)即可.但我们如果需要添加二 ...