Android高手进阶教程(三)之 ----Android 中自定义View的应用

来源：互联网发布：神经网络算法步骤编辑：程序博客网时间：2024/05/21 20:23

家好我们今天的教程是在Android 教程中自定义View 的学习，对于初学着来说，他们习惯了Android 传统的页面布局方式，如下代码:

双击代码全选1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml　version="1.0"　encoding="utf-8"?>　　　　　
<LinearLayout　xmlns:android="http://schemas.android.com/apk/res/android"　　　　
　　　　android:orientation="vertical"　　　　
　　　　android:layout_width="fill_parent"　　　　
　　　　android:layout_height="fill_parent"　　　　
　　　　>　　　　　
<TextView　　　　　　　
　　　　android:layout_width="fill_parent"　　　　　　
　　　　android:layout_height="wrap_content"　　　　　　
　　　　android:text="@string/hello"　　　　
　　　　/>　　　　　
</LinearLayout>　　　　
<?xml　version="1.0"　encoding="utf-8"?>　
<LinearLayout　xmlns:android="http://schemas.android.com/apk/res/android"　
　　　　android:orientation="vertical"　
　　　　android:layout_width="fill_parent"　
　　　　android:layout_height="fill_parent"　
　　　　>　
<TextView　　　　
　　　　android:layout_width="fill_parent"　　　
　　　　android:layout_height="wrap_content"　　　
　　　　android:text="@string/hello"　
　　　　/>　
</LinearLayout>　　　

　　当然上面的布局方式可以帮助我们完成简单应用的开发了，但是如果你想写一个复杂的应用，这样就有点牵强了，大家不信可以下源码都研究看看，高手写的布局方式，如上面的布局高手通常是这样写的:

双击代码全选1
2
3
4
5
6
7
8
<?xml　version="1.0"　encoding="utf-8"?>　　　　　
<A>　　　　　
　　　　<B></B>　　　　　
</A>　　　　
<?xml　version="1.0"　encoding="utf-8"?>　
<A>　
　<B></B>　
</A>　　　

　　view plaincopy to clipboardprint?

　　其中A extends LinerLayout, B extends TextView.　

　　为了帮助大家更容易理解，我写了一个简单的Demo ,具体步骤如下：

　　首先新建一个Android 工程命名为ViewDemo .

　　然后自定义一个View 类，命名为MyView(extends View) .代码如下:

双击代码全选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
package　com.android.tutor;　　　　　
import　android.content.Context;　　　　　
import　android.graphics.Canvas;　　　　　
import　android.graphics.Color;　　　　　
import　android.graphics.Paint;　　　　　
import　android.graphics.Rect;　　　　　
import　android.graphics.Paint.Style;　　　　　
import　android.util.AttributeSet;　　　　　
import　android.view.View;　　　　　
public　class　MyView　extends　View　{　　　　　
　　　　private　Paint　mPaint;　　　　　
　　　　private　Context　mContext;　　　　　
　　　　private　static　final　String　mString　=　"Welcome　to　Mr　Wei's　blog";　　　　　
　　　　　　　　　
　　　　public　MyView(Context　context)　{　　　　　
　　　　　　　　super(context);　　　　　
　　　　　　　　　
　　　　}　　　　　
　　　　public　MyView(Context　context,AttributeSet　attr)　　　　　
　　　　{　　　　　
　　　　　　　　super(context,attr);　　　　　
　　　　　　　　　
　　　　}　　　　　
　　　　@Override　　　　
　　　　protected　void　onDraw(Canvas　canvas)　{　　　　　
　　　　　　　　//　TODO　Auto-generated　method　stub　　　　　
　　　　　　　　super.onDraw(canvas);　　　　　
　　　　　　　　　　　　　
　　　　　　　　mPaint　=　new　Paint();　　　　　
　　　　　　　　　　　　　
　　　　　　　　//设置画笔颜色　　　　　
　　　　　　　　mPaint.setColor(Color.RED);　　　　　
　　　　　　　　//设置填充　　　　　
　　　　　　　　mPaint.setStyle(Style.FILL);　　　　　
　　　　　　　　　　　　　
　　　　　　　　//画一个矩形,前俩个是矩形左上角坐标，后面俩个是右下角坐标　　　　　
　　　　　　　　canvas.drawRect(new　Rect(10,　10,　100,　100),　mPaint);　　　　　
　　　　　　　　　　　　　
　　　　　　　　mPaint.setColor(Color.BLUE);　　　　　
　　　　　　　　//绘制文字　　　　　
　　　　　　　　canvas.drawText(mString,　10,　110,　mPaint);　　　　　
　　　　}　　　　　
}　　　　
package　com.android.tutor;　　
import　android.content.Context;　　
import　android.graphics.Canvas;　　
import　android.graphics.Color;　　
import　android.graphics.Paint;　　
import　android.graphics.Rect;　　
import　android.graphics.Paint.Style;　　
import　android.util.AttributeSet;　　
import　android.view.View;　　
public　class　MyView　extends　View　{　　
　private　Paint　mPaint;　　
　private　Context　mContext;　　
　private　static　final　String　mString　=　"Welcome　to　Mr　Wei's　blog";　　
　　　
　public　MyView(Context　context)　{　　
　　super(context);　　
　　　
　}　　
　public　MyView(Context　context,AttributeSet　attr)　　
　{　　
　　super(context,attr);　　
　　　
　}　　
　@Override　　
　protected　void　onDraw(Canvas　canvas)　{　　
　　//　TODO　Auto-generated　method　stub　　
　　super.onDraw(canvas);　　
　　　　
　　mPaint　=　new　Paint();　　
　　　　
　　//设置画笔颜色　　
　　mPaint.setColor(Color.RED);　　
　　//设置填充　　
　　mPaint.setStyle(Style.FILL);　　
　　　　
　　//画一个矩形,前俩个是矩形左上角坐标，后面俩个是右下角坐标　　
　　canvas.drawRect(new　Rect(10,　10,　100,　100),　mPaint);　　
　　　　
　　mPaint.setColor(Color.BLUE);　　
　　//绘制文字　　
　　canvas.drawText(mString,　10,　110,　mPaint);　　
　}　　
}　　
　　　
然后将我们自定义的View　加入到main.xml　布局文件中,代码如下:　　
　
<?xml　version="1.0"　encoding="utf-8"?>　　　　　
<LinearLayout　xmlns:android="http://schemas.android.com/apk/res/android"　　　　
　　　　android:orientation="vertical"　　　　
　　　　android:layout_width="fill_parent"　　　　
　　　　android:layout_height="fill_parent"　　　　
　　　　>　　　　　
<TextView　　　　　　　
　　　　android:layout_width="fill_parent"　　　　　　
　　　　android:layout_height="wrap_content"　　　　　　
　　　　android:text="@string/hello"　　　　
　　　　/>　　　　　
<com.android.tutor.MyView　　　　　
　　　　android:layout_width="fill_parent"　　　　　　
　　　　android:layout_height="fill_parent"　　　　　　
/>　　　　　
</LinearLayout>　　　　
<?xml　version="1.0"　encoding="utf-8"?>　
<LinearLayout　xmlns:android="http://schemas.android.com/apk/res/android"　
　　　　android:orientation="vertical"　
　　　　android:layout_width="fill_parent"　
　　　　android:layout_height="fill_parent"　
　　　　>　
<TextView　　　　
　　　　android:layout_width="fill_parent"　　　
　　　　android:layout_height="wrap_content"　　　
　　　　android:text="@string/hello"　
　　　　/>　
<com.android.tutor.MyView　
　android:layout_width="fill_parent"　　　
　　　　android:layout_height="fill_parent"　　　
/>　
</LinearLayout>　　　

　　最后执行之，效果如下图:

　　出处http://weizhulin.blog.51cto.com/1556324/311457

0 0