Android shape 阴影背景笔记

最新推荐文章于 2024-08-18 03:30:46 发布

原创最新推荐文章于 2024-08-18 03:30:46 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android

android 同时被 2 个专栏收录

87 篇文章

订阅专栏

工具

53 篇文章

订阅专栏

这篇博客展示了如何使用Android的XML层叠列表（layer-list）来创建具有阴影效果的背景。通过多个形状（shape）层的叠加，实现了颜色渐变和圆角的效果，从而营造出阴影和立体感。内容包括了矩形形状、内边距设置、颜色选择以及圆角半径的调整，适用于Android界面设计中的阴影背景制作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android shape 阴影背景笔记

效果图：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <padding
                    android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#0DE10D0D" />
            <corners android:radius="10dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                    android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#10CCCCCC" />
            <corners android:radius="20dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                    android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#15CCCCCC" />
            <corners android:radius="20dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                    android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#20CCCCCC" />
            <corners android:radius="20dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <padding
                    android:bottom="1dp"
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />
            <solid android:color="#ece9e9" />
            <corners android:radius="20dp" />
        </shape>
    </item>
    <item>
        <shape>
            <solid android:color="#fef5f5" />
            <corners android:radius="20dp" />
            <!--angle 渐变角度,0:左到右;90:下到上;180:右到左;270:上到下-->
            <gradient
                    android:type="linear"
                    android:startColor="#ece9e9"
                    android:centerColor="#fef5f5"
                    android:endColor="#ece9e9"
                    android:gradientRadius="100"/>
            <size android:height="30dp" android:width="50dp"/>

        </shape>
    </item>
</layer-list>