使用layer-list为控件添加效果

╰半橙微兮° 2022-05-28 03:25 231阅读 0赞

首先,在drawable目录先新建一个drawable resource file,然后通过控件的background属性来调用效果

实现按钮阴影效果

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:left="2dp" android:top="2dp">
            <shape>
                <solid android:color="#b4b5b6" />
            </shape>
        </item>
        <item android:bottom="2dp" android:right="2dp">
            <shape>
                <solid android:color="#ffffff" />
            </shape>
        </item>
    </layer-list>

效果图

![70][]

按钮上下蓝边效果

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <shape>
                <solid android:color="#1ca9ef" />
            </shape>
        </item>
        <item android:bottom="3dp" android:top="3dp">
            <shape>
                <solid android:color="#ffffff" />
            </shape>
        </item>
    </layer-list>

效果图

![70 1][]

圆角按钮效果

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:top="1dp" android:bottom="1dp" android:left="1dp" android:right="1dp">
            <shape>
                <solid android:color="#000000" />
                <corners android:topLeftRadius="16dp" android:topRightRadius="16dp" android:bottomRightRadius="16dp" android:bottomLeftRadius="16dp" />
            </shape>
        </item>
    </layer-list>

![70 2][]

[70]: /images/20220528/9a1f16dfda3146ffb8d50a5e0874dbda.png
[70 1]: /images/20220528/1b83894a7f824451b291492c0eed012c.png
[70 2]: /images/20220528/39df14ad2faf4972979e03851ce3ff2a.png