博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android-Shape
阅读量:5339 次
发布时间:2019-06-15

本文共 1979 字,大约阅读时间需要 6 分钟。

Android-Shape

shape一个用来定义形状的工具,或者说使用画图的,图片用于做背景图。

shape定义的xml文件一般都放在drawable目录下。

(1) shape 形状可绘制对象。这个必须是根元素。

属性 描述
xmlns:android 字符串。必备。定义XML命名空间,必须是“http://schemas.android.com/apk/res/android”
android:shape 定义形状的类型。可选值 rectangle:矩形,默认形状;oval 椭圆形;line:水平线。需要使用 元素来定义线宽; ring:环形;

(2)size 形状的大小

属性 描述
android:height 形状的高度
android:width 形状的宽度

默认情况下,形状按照此处定义的尺寸按比例缩放至容器视图的大小。

(3)stroke 边框

属性 描述
android:width 线宽
android:color 线颜色
android:dashGap 短划线的间距,实际上就是虚线
android:dashWidth 每个短划线的大小

示例1:

效果图1:

screenshot.png

示例2:

效果图2:

screenshot.png

(4) corners 为形状产生圆角 。仅当形状为矩形时适用。

属性 描述
android:radius 所有角的半径
android:topLeftRadius 左上角半径
android:topRightRadius 右上角半径
android:bottomLeftRadius 左下角半径
android:bottomRightRadius 右下角半径

示例:

效果图:

QQ截图20170927150534.png

(5) padding 要应用到包含视图元素的内边距(这会填充视图内容的位置,而非形状)

效果图:

screenshot.png

(6) solid 用于填充形状的颜色

(8) gradient 设置渐变色

(7) gradient 指定形状的渐变色

属性 描述
android:angle 整型。渐变的角度。0位从左到右,90位从上到小。必须是45的倍数。默认值为0.
android:startColor 起始颜色
android:endColor 结束颜色
android:centerColor 起始颜色与结束颜色之间的可选颜色
android:centerX 浮点型。渐变中心的相对 X 轴位置 (0 - 1.0)。 仅在android:type='sweep'时适用。
android:centerY 浮点型。渐变中心的相对 Y 轴位置 (0 - 1.0)。 仅在android:type='sweep'时适用。
android:type 要应用的渐变图案类型。可选值 linear:线性渐变,这个是默认值; radial:径向渐变,设置该项时,android:gradientRadius也必须设置,起始颜色为中心颜色; sweep:流线型渐变。
android:gradientRadius 浮点型。渐变的半径。仅在android:type='radial'时适用。

angle 属性:

Untitled.png

示例:

效果图:

screenshot.png


小示例:

示例1:

效果图1:

screenshot.png


带阴影的圆角矩形

效果图:

screenshot.png


参考自官网:https://developer.android.com/guide/topics/resources/drawable-resource.html?hl=zh-cn

转载于:https://www.cnblogs.com/-Tiger/p/7601860.html

你可能感兴趣的文章
Docker 安装MySQL5.7(三)
查看>>
python 模块 来了 (调包侠 修炼手册一)
查看>>
关于CSS的使用方式
查看>>
本地MongoDB服务开启与连接本地以及远程服务器MongoDB服务
查看>>
跨域解决方案之CORS
查看>>
学习RESTFul架构
查看>>
分析语句执行步骤并对排出耗时比较多的语句
查看>>
原生JS轮播-各种效果的极简实现
查看>>
软件工程总结作业---提问回顾与个人总结
查看>>
计数器方法使用?
查看>>
带你全面了解高级 Java 面试中需要掌握的 JVM 知识点
查看>>
sonar结合jenkins
查看>>
解决VS+QT无法生成moc文件的问题
查看>>
AngularJs练习Demo14自定义服务
查看>>
stat filename
查看>>
关于空想X
查看>>
CF1067C Knights 构造
查看>>
[BZOJ2938] 病毒
查看>>
webstorm修改文件,webpack-dev-server不会自动编译刷新
查看>>
Scikit-learn 库的使用
查看>>