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. Top 10 Revit Architecture 2014 books

    Revit Architecture, along with ArchiCAD, is most used BIM software in architectural design. Although ...

  2. bootstrap css-网格系统

    前言:第一次记录点东西,只能勉强算是笔记吧.博主自学前端,深知自己水水的,但还是向把自己学到的东西记录下来,这不刚学习了bootstrap的css部分,现在整理出笔记. 1,Bootstrap网格系统 ...

  3. BZOJ.3522.[POI2014]Hotel(DP)

    题目链接 BZOJ 洛谷 以为裸点分治,但数据范围怎么这么小?快打完了发现不对.. n^2做的话其实是个水题.. 枚举每一个点为根,为了不重复计算,我们要求所求的三个点必须分别位于三棵子树上. 考虑当 ...

  4. 最短路径：（Dijkstra & Floyd）

    Dijkstra算法 1.定义概览 Dijkstra(迪杰斯特拉)算法是典型的单源最短路径算法,用于计算一个节点到其他所有节点的最短路径.主要特点是以起始点为中心向外层层扩展,直到扩展到终点为止.Di ...

  5. [廖雪峰] Git 分支管理(1)：创建与合并分支（HEAD、master、dev、指针）

    每次提交,Git 都把它们串成一条时间线,这条时间线就是一个分支.截止到目前,只有一条时间线,在 Git 里,这个分支叫主分支,即 master 分支.HEAD 严格来说不是指向提交,而是指向 mas ...

  6. HDU4607(求树中的最长链)

    题目:Park Visit 题意:给定一棵树,从树中的任意选一个顶点出发,遍历K个点的最短距离是多少?(每条边的长度为1) 解析:就是求树的最长链,假设求出的树的最长链所包含的点数为m,那么如果K&l ...

  7. Snmp学习总结(三)——Win7安装和配置SNMP

    一.安装SNMP Win7操作系统默认情况下是不安装SNMP服务的,今天讲解一下在Win7操作系统下安装SNMP,具体安装步骤如下: WIN7操作系统下安装SNMP的步骤如下: 开始安装SNMP

  8. dos下 和 批处理中的 for 语句的基本用法

    for 语句的基本用法 : 最复杂的for 语句,也有其基本形态,它的模样是这样的:   在cmd 窗口中:for %I in (command1) do command2 在批处理文件中:for % ...

  9. 安装APK的错误码（PackageManager.java）

    安装APK的错误码,定义在android源码中的这个文件中:frameworks\base\core\java\android\content\pm\PackageManager.java /** * ...

  10. 积跬步，聚小流-------js实现placeholder的效果

    前几天在"技术问答"上问了问题,然后有回复一句话就给概括了:placeholder的效果,不得不说.了解的多了才干说起来言简意赅,用最简单的语言描写叙述最清晰的表达. 可是plac ...