LayerDrawable

最新推荐文章于 2023-03-29 15:20:15 发布

CODERLIHAO

最新推荐文章于 2023-03-29 15:20:15 发布

阅读量535

点赞数

分类专栏： android 绘图

本文链接：https://blog.csdn.net/L25000/article/details/49801165

版权

android 绘图专栏收录该内容

24 篇文章 0 订阅

订阅专栏

public class

LayerDrawable

extends Drawable
implements Drawable.Callback

java.lang.Object
↳	android.graphics.drawable.Drawable
	↳	android.graphics.drawable.LayerDrawable

Known Direct Subclasses

RippleDrawable, TransitionDrawable

对应的xml标签layer-list

表示Drawable是一层一层叠加在一起的。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- outer circle -->
    <item>
        <shape android:shape="oval">
            <solid android:color="#FFACB8C3" />
        </shape>
    </item>

    <!-- inner shadow of outer circle -->
    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp">
        <shape android:shape="oval" >
            <solid android:color="#FFbdcad6" />
        </shape>
    </item>
    <item
        android:bottom="3dp"
        android:left="3dp"
        android:right="3dp"
        android:top="3dp">
        <shape android:shape="oval" >
            <solid android:color="#FFc3cfd9" />
        </shape>
    </item>
    <item
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp">
        <shape android:shape="oval" >
            <solid android:color="#FFcbd6df" />
        </shape>
    </item>
    <item
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp">
        <shape android:shape="oval" >
            <solid android:color="#FFd4dee5" />
        </shape>
    </item>

    <!-- gap -->
    <item
        android:bottom="6dp"
        android:left="6dp"
        android:right="6dp"
        android:top="6dp">
        <shape android:shape="oval" >
            <solid android:color="#FFdae2e8" />
        </shape>
    </item>

    <!-- outer shadow of center circle -->
    <item
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp">
        <shape android:shape="oval" >
            <solid android:color="#FFced5dc" />
        </shape>
    </item>
    <item
        android:bottom="12dp"
        android:left="12dp"
        android:right="12dp"
        android:top="12dp">
        <shape android:shape="oval" >
            <solid android:color="#FFbcc4c9" />
        </shape>
    </item>
    <item
        android:bottom="13dp"
        android:left="13dp"
        android:right="13dp"
        android:top="13dp">
        <shape android:shape="oval" >
            <solid android:color="#FFb4bbc0" />
        </shape>
    </item>
    <item
        android:bottom="14dp"
        android:left="14dp"
        android:right="14dp"
        android:top="14dp">
        <shape android:shape="oval" >
            <solid android:color="#FFacb3b8" />
        </shape>
    </item>

    <!-- center circle -->
    <item
        android:bottom="15dp"
        android:left="15dp"
        android:right="15dp"
        android:top="15dp">
        <shape android:shape="oval" >
            <stroke
                android:width="1dp"
                android:color="#FFFCFCFC" />

            <gradient
                android:angle="270"
                android:endColor="#FFCFD7DD"
                android:startColor="#FFF0F5F9" />
        </shape>
    </item>

</layer-list>

也可以用代码实现

构造函数

public LayerDrawable(Drawable[] layers)

layers表示图层

还有个方法

public void setLayerInset(int index, int l, int t, int r, int b)

index表示在图层的第几个位置

int l, int t, int r, int b就跟

android:bottom=""
android:left=""
android:right=""
android:top=""

是一样的。

	        Drawable[] drawables = new Drawable[3];
		drawables[0] = new ColorDrawable(0xffff4653);
		drawables[1] = new ColorDrawable(0xffa5ff34);
		drawables[2] = new ColorDrawable(0xff11a1ff);
		LayerDrawable layer = new LayerDrawable(drawables);
		layer.setLayerInset(0, 50, 50, 0, 0);
		layer.setLayerInset(1, 100, 100, 0, 0);
		layer.setLayerInset(2, 150, 150, 150, 150);
		image.setBackground(layer);