美文网首页
layer_list

layer_list

作者: TTTqiu | 来源:发表于2016-08-21 16:09 被阅读106次
  • 将多个图片或 shape 按照顺序层叠起来。
  • 每个 item 标签里设置
    android:top
    android:bottom
    android:left
    android:right

    表示 item 的上下左右间隔。
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <bitmap android:src="@drawable/layer_list1"/>
    </item>
    <item android:top="40dp" android:left="40dp">
        <bitmap android:src="@drawable/layer_list2"/>
    </item>
    <item android:top="60dp" android:left="60dp">
        <bitmap android:src="@drawable/layer_list3"/>
    </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 android:left="2dp" android:top="2dp">
                <shape>
                    <gradient
                        android:startColor="#484848"
                        android:endColor="#7e7e7e"
                        android:centerColor="#484848"
                        android:centerY="0.9"
                        android:angle="270"/>
                </shape>
            </item>
            <item android:bottom="2dp" android:right="2dp">
                <shape>
                    <gradient
                        android:startColor="#524bb3"
                        android:endColor="#f5f5f5"
                        android:angle="45"
                        android:type="linear"/>

                    <padding
                        android:top="10dp"
                        android:bottom="10dp"
                        android:left="10dp"
                        android:right="10dp"/>
                </shape>
            </item>
        </layer-list>
    </item>
    <item android:state_pressed="false">
        <layer-list>
            <item android:left="2dp" android:top="2dp">
                <shape>
                    <gradient
                        android:startColor="#484848"
                        android:endColor="#7e7e7e"
                        android:angle="270"
                        android:centerColor="#484848"
                        android:centerY="0.9"/>
                </shape>
            </item>
            <item android:bottom="2dp" android:right="2dp">
                <shape>
                    <solid
                        android:color="#bc6767"/>
                    <stroke
                        android:width="2dp"
                        android:color="#121212"
                        android:dashWidth="10dp"
                        android:dashGap="5dp"/>
                    <corners
                        android:radius="20dp"
                        android:topLeftRadius="30dp"
                        android:topRightRadius="40dp"
                        android:bottomLeftRadius="50dp"
                        android:bottomRightRadius="60dp"/>
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

相关文章

  • 2018-03-20

    Layer_list的xml实现layer_list可以用来实现一些效果,比如说单边,双边,层叠等效果在布局管理中...

  • layer_list

    将多个图片或 shape 按照顺序层叠起来。 每个 item 标签里设置android:topandroid:bo...

  • Android Layer_list 实现倒三角效果

    概述 倒三角的图标应用场景挺多,如:地图覆盖物方向标识等。一般这种图标UI会给出切图,当然这种方式也是比较简单的实...

网友评论

      本文标题:layer_list

      本文链接:https://www.haomeiwen.com/subject/msqwsttx.html