只是简单的实现了效果，界面没怎么做优化，不过那都是次要的啦！！相信大家都迫不及待的想看效果图了吧，
其中主要的彩票视图类和橡皮擦类都是通过代码的方式构建视图，布局文件就一个主activity_main
上代码！！
主activity：
|
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
|
package com.guaguale;import android.app.activity;import android.os.bundle;import android.view.menu;import android.view.view;import android.view.view.onclicklistener;import android.view.viewgroup.layoutparams;import android.widget.button;import android.widget.relativelayout;/** * 主activity * * @author haozai * */public class mainactivity extends activity {relativelayout container;button btn;erinieshow erinieshow;@overrideprotected void oncreate(bundle savedinstancestate) {super.oncreate(savedinstancestate);setcontentview(r.layout.activity_main);container = (relativelayout) findviewbyid(r.id.container);btn = (button) findviewbyid(r.id.enterbtn);btn.setonclicklistener(new onclicklistener() {@overridepublic void onclick(view v) {// todo auto-generated method stubshowenrie();}});}private void showenrie() {// todo auto-generated method stub// 移除所有子元素container.removeallviews();// 产生一个彩票int level = getlevel();erinieshow = new erinieshow(this, level);container.addview(erinieshow, new layoutparams(-2, -2));}/** * 获取奖励等级 * * @return */private int getlevel() {// todo auto-generated method stubdouble d = math.random() * 100;if (d < 50) {return 3;}if (d < 90) {return 2;}return 1;}@overridepublic boolean oncreateoptionsmenu(menu menu) {// inflate the menu; this adds items to the action bar if it is present.getmenuinflater().inflate(r.menu.main, menu);return true;}} 因为彩票视图相对复杂，所以通过自定义控件的方式，构造了一个彩票视图 package com.guaguale;import android.content.context;import android.graphics.color;import android.view.gravity;import android.view.view;import android.widget.button;import android.widget.relativelayout;/** * 彩票视图类 * * @author haozai * */public class erinieshow extends relativelayout {int level;context mcontext;relativelayout rubberbg;// 最底层奖励等级rubbershow mrubbershow;// 橡皮擦button mbutton;int rubberbgid = 10001;int mbuttonid = 10002;public erinieshow(context context, int level) {super(context);// todo auto-generated constructor stubthis.mcontext = context;this.level = level;getelement();// 得到子元素setelementlp();// 设置布局参数// 初始化彩票了setelementstyle();// 设置橡皮檫了setelement();}private void setelement() {// 第一步在彩票上面画一个图层mrubbershow.beginrubber(color.parsecolor("#d3d3d3"), 30, 10);}private void setelementstyle() {switch (level) {case 1:rubberbg.setbackgroundresource(r.drawable.ic_launcher);break;case 2:rubberbg.setbackgroundresource(r.drawable.ic_launcher);break;case 3:rubberbg.setbackgroundresource(r.drawable.ic_launcher);break;default:break;}}/** * 给布局的子元素设置布局参数 */private void setelementlp() {// todo auto-generated method stubrelativelayout.layoutparams rubber_bg_lp = new relativelayout.layoutparams(350, 80);rubberbg.setlayoutparams(rubber_bg_lp);mrubbershow.setlayoutparams(rubber_bg_lp);// rubber_bg_lp正下方relativelayout.layoutparams rubber_btn_lp = new relativelayout.layoutparams(-2, -2);rubber_btn_lp.addrule(relativelayout.center_horizontal);rubber_btn_lp.addrule(relativelayout.below, rubberbgid);mbutton.setlayoutparams(rubber_btn_lp);mbutton.setclickable(false);}/** * 获取布局的子元素 */private void getelement() {// todo auto-generated method stubrubberbg = new relativelayout(mcontext);// 得到彩票mrubbershow = new rubbershow(mcontext, level);// 得到橡皮擦mbutton = new button(mcontext);rubberbg.setid(rubberbgid);mbutton.setid(mbuttonid);mbutton.setonclicklistener(new onclicklistener() {@overridepublic void onclick(view v) {// todo auto-generated method stub}});rubberbg.addview(mrubbershow);addview(rubberbg);addview(mbutton);}} 橡皮檫类，用于将中奖信息上面的临时画布去掉 package com.guaguale;import android.content.context;import android.graphics.bitmap;import android.graphics.canvas;import android.graphics.color;import android.graphics.paint;import android.graphics.bitmap.config;import android.graphics.paint.style;import android.graphics.path;import android.graphics.porterduff;import android.graphics.porterduffxfermode;import android.util.log;import android.view.motionevent;import android.view.view;import android.view.viewgroup.layoutparams;/** * 橡皮擦类 * * @author haozai * */public class rubbershow extends view {private float touch_to_erance;// 填充的最小距离，这个值越小画出来的曲线越柔和private bitmap bitmap;private canvas canvas;// 临时画布private paint paint;// 画笔private path mpath;// 鼠标的运行路径private float mx, my;// 坐标private boolean isdraw = false;public rubbershow(context context, int level) {super(context);// todo auto-generated constructor stub}@overrideprotected void ondraw(canvas mcanvas) {// todo auto-generated method stubsuper.ondraw(mcanvas);if (isdraw) {log.i("tag", "111");mcanvas.drawpath(mpath, paint);mcanvas.drawbitmap(bitmap, 0, 0, null);// 从起点开始画}}@overridepublic boolean ontouchevent(motionevent event) {if (!isdraw) {return true;}switch (event.getaction()) {case motionevent.action_down:touchdown(event.getx(), event.gety());invalidate();// 刷新break;case motionevent.action_move:touchmove(event.getx(), event.gety());invalidate();// 刷新break;case motionevent.action_up:touchup(event.getx(), event.gety());invalidate();// 刷新break;default:break;}return true;}private void touchup(float x, float y) {// 画出路线mpath.lineto(x, y);canvas.drawpath(mpath, paint);mpath.reset();}private void touchmove(float x, float y) {float dx = math.abs(x - mx);float dy = math.abs(y - my);// 两点之间的距离大于touch_to_erance，就生成贝瑟尔曲线if (dx >= touch_to_erance || dy >= touch_to_erance) {// 用贝瑟尔实现平滑的曲线// mpath.lineto(dx, dy);mpath.quadto(mx, my, (x + mx) / 2, (y + my) / 2);mx = x;my = y;}}private void touchdown(float x, float y) {mpath.reset();// 重置路径mpath.moveto(x, y);mx = x;my = y;}/** * @param bgcolor * 覆盖的背景颜色 * @param paintstrokewidth * 橡皮擦宽度 * @param touchtolerance * 填充距离 */public void beginrubber(final int bgcolor, final int paintstrokewidth,float touchtolerance) {touch_to_erance = touchtolerance;paint = new paint();// 画笔划过的痕迹变为透明paint.setcolor(color.black);// 此处不能为透明paint.setxfermode(new porterduffxfermode(porterduff.mode.dst_out));paint.setantialias(true);// 变为光滑paint.setstyle(style.stroke);// 空心和实心paint.setstrokejoin(paint.join.round);// 前面圆角paint.setstrokecap(paint.cap.round);// 后圆角paint.setstrokewidth(paintstrokewidth);// 画笔宽度// 覆盖layoutparams layoutparams = getlayoutparams();int height = layoutparams.height;int width = layoutparams.width;// if(layoutparams.height ==layoutparams.match_parent){//// }else{//// }// 记录痕迹mpath = new path();bitmap = bitmap.createbitmap(width, height, config.argb_4444);// 4444占内存更少canvas = new canvas(bitmap);canvas.drawcolor(bgcolor);isdraw = true;}} |
以上代码附有注释，有哪里不明白的地方欢迎大家提出宝贵意见，谢谢大家一直以来对服务器之家网站的支持。
