Android xml代码绘制图形二 Layer-list 详解

直达机票

Android xml代码绘制图形一 Shape 详解
Android xml代码绘制图形二 Layer-list 详解
Android xml代码绘制图形三 Vector 详解

引言

手机APP开发离不开图标，图标具有释义、美化、引导的作用，android开发提供了xml绘制简单图形的方法，可不必依赖UI工程师切图，而且图片能随意的更改，既方便又节省空间，使用起来非常便捷。具体可以分为 shape、layer-list、vector三种方法，本文将详细介绍Layer-list的使用方法

Layer-list介绍

使用layer-list可以将多个drawable按照顺序层叠在一起显示，默认情况下，所有的item中的drawable都会自动根据它附上view的大小而进行缩放

Layer-list的使用

• layer-list 是根节点，子节点为 n个 item 节点，item节点为一个图形，n个 item 图形按照先后顺序叠加在一起
• item 节点，可包含 shape、bitmap 等子节点

item 节点属性介绍

• android:top 顶部的偏移量
• android:bottom 底部的偏移量
• android:left 左边的偏移量
• android:right 右边的偏移量

示例

 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     <!-- 第一层 -->
     <item>
         <shape>
             <solid android:color="#FFFFFF" />
             <stroke
                 android:width="5px"
                 android:color="#333333" />
         </shape>
     </item>
 
     <!-- 第二层 -->
     <item
         android:left="2px"
         android:bottom="2px"
         android:top="2px">
         <shape>
             <solid android:color="#FFFFFF" />
         </shape>
     </item>
 </layer-list>

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

    <!-- 阴影色 -->
     <item
         android:left="1dp"
         android:top="2dp">
         <shape>
             <solid android:color="#333333" />
             <corners android:radius="5dp" />
         </shape>
     </item>

     <!-- 前景色 -->
     <item
         android:bottom="2dp"
         android:right="1dp">
         <shape>
            <solid android:color="#FFFFFF" />
             <corners android:radius="5dp" />
        </shape>
     </item>
 </layer-list>

总结

使用layer-list可以将多个drawable按照顺序层叠在一起显示，默认情况下，所有的item中的drawable都会自动根据它附上view的大小而进行缩放
纸上得来终觉浅 绝知此事要躬行，动手码起来！