美文网首页
Android xml代码绘制图形二 Layer-list 详解

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

作者: Kael_Zhang的安卓笔记 | 来源:发表于2022-11-07 17:49 被阅读0次

直达机票

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 节点,可包含 shapebitmap 等子节点

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的大小而进行缩放
纸上得来终觉浅 绝知此事要躬行,动手码起来!

相关文章

网友评论

      本文标题:Android xml代码绘制图形二 Layer-list 详解

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