前些天去参加了一个公开课,说到了我们很多程序对美工比较不在行,所以需要与UI工程师合作,但是有时候UI工程师忙其他的什么,我们既不会PS也不会AI。于是乎在android中我们可以通过shape来定制我们需要的图形效果等。
下午研究了下shape,众所周知shape是形状的意思。网络上的例子太多看的真让人眼花缭乱,自己总结了下,以如何使用shape来做圆角按钮的背景来说明shape的具体使用吧。
看下效果图
具体实现代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<!-- 填充 -->
<
solid
android:color
=
"#B2B2B2"
/>
<!-- 大小 -->
<
size
android:width
=
"200dp"
android:height
=
"50dp"
/>
<!-- 渐变色 -->
<
gradient
android:startColor
=
"#DBDCDD"
android:endColor
=
"#B8B9BB"
android:centerColor
=
"#ADADAF"
android:angle
=
"270"
/>
<!-- 描边 -->
<
stroke
android:width
=
"2dp"
android:color
=
"#3D4148"
/>
<!-- 圆角 -->
<
corners
android:radius
=
"5dp"
/>
<
padding
android:left
=
"10dp"
android:top
=
"10dp"
android:right
=
"10dp"
android:bottom
=
"10dp"
/>
</
shape
>
<!--
1、 solid
描述:内部填充
属性 android:color 填充颜色
2、size
描述:size: 大小
属性:
android:width 表示形状的宽度
android:height 表示形状的高度
3、gradient
描述: 渐变色
属性:
android:startColor 起始颜色
android:endColor 结束颜色
android:angle 渐变角度(PS:当angle=0时,渐变色是从左向右。 然后逆时针方向转,当angle=90时为从下往上。angle必须为45的整数倍)
android:type 渐变类型(取值:linear、radial、sweep)
linear 线性渐变,这是默认设置
radial 放射性渐变,以开始色为中心。
sweep 扫描线式的渐变。
android:centerColor 渐变中间颜色,即开始颜色与结束颜色之间的颜色
android:useLevel 如果要使用LevelListDrawable对象,就要设置为true。设置为true无渐变。false有渐变色
android:gradientRadius 渐变色半径.当 android:type="radial" 时才使用。单独使用 android:type="radial"会报错。
android:centerX 渐变中心X点坐标的相对位置
android:centerY 渐变中心Y点坐标的相对位置
4、stroke
描述: stroke:描边 相当于html中的盒子模型的border
属性:
android:width 描边的宽度
android:color 描边的颜色
android:dashWidth 表示描边的样式是虚线的宽度,
值为0时,表示为实线。值大于0则为虚线。
android:dashGap 表示描边为虚线时,虚线之间的间隔 即“ - - - - ”
5、corners
描述: corners: 圆角
属性:
android:radius 半径
android:topLeftRadius 左上角半径
android:topRightRadius 右上角半径
注意一下两个属性比较不同:
android:bottomLeftRadius 右下角半径
android:bottomRightRadius 左下角半径
6、padding
描述:内部边距,即内容与边的距离
属性:
android:left 左内边距
android:top 上内边距
android:right 右内边距
android:bottom 下内边距
-->
|