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