最近准备整理一套关于ui效果的文章，算是对这段时间的一个总结，主要讲android开发中的ui效果设计模块。初步分为一下几个篇幅：
- android xml绘图（shape、layer、selector）
- android canvas绘图（canvas、point、porterduffxfermode、shader）
- android 动画详解
- android 自定义控件
今天就当开胃菜，先讲讲最简单的xml绘图，相信这个大家都用的比较熟，这里就当给大家做一个小文档，当那个参数配置忘了，便于查阅
一、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
|
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
// 此处可以设置shape的形状 不设置默认为rectangle
android:shape=["rectangle"|"oval"|"line"|"ring"|]
>
<!-- 圆角 shape="rectangle"是使用 默认为1dp -->
<corners
android:radius="xdp"
android:topleftradius="xdp"
android:toprightradius="xdp"
android:bottomleftradius="xdp"
android:bottomrightradius="xdp"/>
<!-- 渐变 -->
<gradient
android:startcolor="color"
android:centercolor="color"
android:endcolor="color"
android:uselevel="boolean"
android:angle="integer"//angle的值必须是45的倍数（包括0），仅在type="linear"有效
android:type=["linear"|"radial"|"sweep"]
android:centerx="integer"
android:centery="integer"
android:gradientradius="integer"/>
<!-- 间隔 -->
<padding
android:left="xdp"
android:top="xdp"
android:right="xdp"
android:bottom="xdp"/>
<!-- 大小 宽度和高度 -->
<size
android:width="dp"
android:height="dp"/>
<!-- 填充 -->
<solid
android:color="color"/><!-- 填充的颜色 -->
<!-- 描边 -->
<stroke
android:width="dp"
android:color="color"
android:dashwidth="dp" //虚线宽度
android:dashgap="dp"/> //虚线间隔宽度
</shape>
|
二、layer
这个用过photoshop的朋友，应该很好理解，用于实现图层效果
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- item1 -->
<item>
<bitmap android:src="drawable"
android:gravity="center" />
</item>
<!-- item2 -->
<item>
<bitmap android:src="drawable"
android:gravity="center" />
</item>
<!-- item3 -->
<item
<bitmap android:src="drawable"
android:gravity="center" />
</item>
</layer-list>
|
三、selector
这个常用语button、checkbox、radio等控件中，通过不同的事件切换控件效果
|
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
|
<?xml version="1.0" encoding="utf-8" ?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 默认时的背景图片-->
<item android:drawable="drawable" />
<!-- 没有焦点时的背景图片 -->
<item
android:state_window_focused="false" android:drawable="drawable"
/>
<!-- 非触摸模式下获得焦点并单击时的背景图片 -->
<item
android:state_focused="true"
android:state_pressed="true"
android:drawable= "drawable"
/>
<!-- 触摸模式下单击时的背景图片-->
<item
android:state_focused="false"
android:state_pressed="true"
android:drawable="drawable"
/>
<!--选中时的图片背景-->
<item
android:state_selected="true"
android:drawable="drawable"
/>
<!--获得焦点时的图片背景-->
<item
android:state_focused="true"
android:drawable="drawable"
/>
</selector>
|
以上就是android开发中的ui效果设计模块的一部分内容，之后还会继续更新，希望对大家的学习有所帮助。