Android(安卓)Shape使用
在Android开发中,使用shape可以很方便的帮我们画出想要的背景,相对于png图片来说,使用shape可以减少安装包的大小,而且能够更好的适配不同的手机。
使用
先贴出官网上的说明:
<?xml version="1.0" encoding="utf-8"?>
这里面已经列出了所有的shape属性。
从 android:shape=["rectangle" | "oval" | "line" | "ring"]
这里可以看出,shape可以画四种图形,分别是:矩形(rectangle)、椭圆(oval)、线(line)、圆环(ring)。
先上效果图:
这里写图片描述
矩形(rectangle)
直角矩形:
<?xml version="1.0" encoding="utf-8"?>
solid:填充颜色
圆角矩形:
<?xml version="1.0" encoding="utf-8"?>
corners:圆角大小。
android:radius="integer" android:topLeftRadius="integer" android:topRightRadius="integer" android:bottomLeftRadius="integer" android:bottomRightRadius="integer"
android:radius:表示4个角的圆角大小;
还可以分别设置四个角的,使用下面四个属性:android:topLeftRadius、android:topRightRadius、android:bottomLeftRadius、android:bottomRightRadius分别表示:左上、右上、左下、右下。
padding:设置内边距。
无填充带边框:
<?xml version="1.0" encoding="utf-8"?>
stroke
android:width:边框大小
android:color:边框颜色
渐变:
<?xml version="1.0" encoding="utf-8"?>
gradient:
android:startColor:渐变起始颜色
android:endColor:渐变结束颜色
android:angle:渐变角度:0:左到右;90:下到上;180:右到左;270:上到下
椭圆(oval)
一般用来画圆。
纯色的圆:
<?xml version="1.0" encoding="utf-8"?>
size的height和width设置为一样大小就是一个圆了。
然后直接使用solid填充颜色即可。
渐变效果:
<?xml version="1.0" encoding="utf-8"?>
android:centerX:表示渐变的X轴起始位置,范围0-1,0.5表示圆心。
android:centerY:表示渐变的Y轴起始位置,范围0-1,0.5表示圆心。
android:type:渐变类型,有三种
分别是:
linear 线性渐变,默认的渐变类型
radial 放射渐变,设置该项时,android:gradientRadius也必须设置
sweep 扫描性渐变
线(line)
<?xml version="1.0" encoding="utf-8"?>
线是居中显示的。
android:width:填充颜色的高度
android:dashGap:虚线间距宽度
android:dashWidth:虚线宽度
:line的高度,size大小必须大于android:width
圆环(ring)
<?xml version="1.0" encoding="utf-8"?>
android:thickness:圆环宽度
<?xml version="1.0" encoding="utf-8"?>
以上只是简单的介绍了一下shape的用户,里面有很多属性还没有用到,需要大家自己去实践一下,写出来看到效果才能更好的理解。
完整代码地址:https://github.com/fccaikai/ShapeDemo
以上如果有什么不对的地方希望大家能提出来。
更多相关文章
- Android(安卓)Study -- pmem driver代码分析
- Android(安卓)自定义View--ProgressBar篇(二)
- (安卓初步)TextView
- Android(安卓)ImageView.ScaleType总结
- Android(安卓)ApiDemos示例解析(76):Graphics->Regions
- Android(安卓)Q 深色模式(Dark Mode)源码解析
- android如何实现文件按时间先后顺序排列显示
- 仿苹果音量调节柱
- Android提高十八篇之自定义Menu(TabMenu) [转]