XML布局设计技巧-优快云博客

本文链接：https://blog.youkuaiyun.com/yongwoozzang/article/details/81185400

本文深入探讨了使用XML进行UI布局设计的方法，详细介绍了如何通过不同的颜色层级和形状元素创建美观的界面。文章提供了具体的代码实例，展示了如何设置padding、定义颜色以及应用圆角等效果。

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

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

    <item>
        <shape>
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#10A2A2A2" />
        </shape>
    </item>
    <item>
        <shape>
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#20A2A2A2" />
        </shape>
    </item>
    <item>
        <shape>
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#40A2A2A2" />
        </shape>
    </item>
    <item>
        <shape>
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#50A2A2A2" />
        </shape>
    </item>
    <item>
        <shape>
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <solid android:color="#60A2A2A2" />
        </shape>
    </item>
    <item>
        <shape>
            <solid android:color="#FFFFFF" />

            <corners android:radius="3dp" />
        </shape>
    </item>

</layer-list>

阴影效果