参考链接：http://blog.csdn.net/jjwwmlp456/article/details/41076699

简介

Android提供了用于构建UI的强大的组件模型。两个基类：View和ViewGroup。

可用Widget的部分名单包括Button， TextView， EditText， ListView， CheckBox，RadioButton， Gallery， Spinner，以及一些有特别作用的组件： AutoCompleteTextView， ImageSwitcher和 TextSwitcher。

可用的布局有：LinearLayout，FrameLayout，RelativeLayout，AbsoluteLayout，GridLayout (later on api level 14 or v7-support)

基本做法

1. 继承自View或View的子类

2. 重写父类的一些方法，如：onDraw()，onMeasure()，onLayout()等

3. 使用自定义的组件类。

完全自定义组件

1. 最普通的作法是，继承自View，实现你的自定义组件

2. 提供一个构造函数，采用有属性参数的，也可以使用自定义属性

3. 你可能想在组件中创建自己的事件监听器，属性访问器和修改器，或其他行为

4. 几乎肯定要重写onDraw()，onMeasure()。默认onDraw()什么也没作，onMeasure()则设置一个100x100的尺寸。

5. 根据需要重写其他方法 ...

onDraw()和onMeasure()

onDraw()，提供一个Canvas，可以绘制2D图形。

若要绘制3D图形，请继承GLSurfaceView，参见，api-demo下的GLSurfaceViewActivity

onMeasure()测量组件

1. 宽度和高度在需要测量时调用该方法

2.应该进行测量计算组件将需要呈现的宽度和高度。它应该尽量保持传入的规格范围内，尽管它可以选择超过它们（在这种情况下，父视图可以选择做什么，包括裁剪，滚动，抛出一个异常，或者要求onMeasure()再次尝试，或使用不同的测量规格）

3. 宽高计算完毕后，必须调用用setMeasuredDimession(int width, int height)，进行设置。否则将抛出一个异常

下面是一些View中可被调用的方法总结(未全部包含，可自行查看类似onXxx的方法)：

Category	Methods	Description
Creation	Constructors	There is a form of the constructor that are called when the view is created from code and a form that is called when the view is inflated from a layout file. The second form should parse and apply any attributes defined in the layout file.
	onFinishInflate()	Called after a view and all of its children has been inflated from XML.
Layout	onMeasure(int, int)	Called to determine the size requirements for this view and all of its children.
	onLayout(boolean, int, int, int, int)	Called when this view should assign a size and position to all of its children.
	onSizeChanged(int, int, int, int)	Called when the size of this view has changed.
Drawing	onDraw(Canvas)	Called when the view should render its content.
Event processing	onKeyDown(int, KeyEvent)	Called when a new key event occurs.
	onKeyUp(int, KeyEvent)	Called when a key up event occurs.
	onTrackballEvent(MotionEvent)	Called when a trackball motion event occurs.
	onTouchEvent(MotionEvent)	Called when a touch screen motion event occurs.
Focus	onFocusChanged(boolean, int, Rect)	Called when the view gains or loses focus.
	onWindowFocusChanged(boolean)	Called when the window containing the view gains or loses focus.
Attaching	onAttachedToWindow()	Called when the view is attached to a window.
	onDetachedFromWindow()	Called when the view is detached from its window.
	onWindowVisibilityChanged(int)	Called when the visibility of the window containing the view has changed.

自定义View示例

adi-demo下的示例：LabelView

[java]view plaincopyprint?

1. /*
2. *Copyright(C)2007TheAndroidOpenSourceProject
3. *
4. *LicensedundertheApacheLicense,Version2.0(the"License");
5. *youmaynotusethisfileexceptincompliancewiththeLicense.
6. *YoumayobtainacopyoftheLicenseat
7. *
8. *http://www.apache.org/licenses/LICENSE-2.0
9. *
10. *Unlessrequiredbyapplicablelaworagreedtoinwriting,software
11. *distributedundertheLicenseisdistributedonan"ASIS"BASIS,
12. *WITHOUTWARRANTIESORCONDITIONSOFANYKIND,eitherexpressorimplied.
13. *SeetheLicenseforthespecificlanguagegoverningpermissionsand
14. *limitationsundertheLicense.
15. */
17. packageandroid.widget;
19. importandroid.content.Context;
20. importandroid.graphics.Canvas;
21. importandroid.graphics.Paint;
22. importandroid.view.View;
24. /**
25. *ExampleofhowtowriteacustomsubclassofView.LabelView
26. *isusedtodrawsimpletextviews.Notethatitdoesnothandle
27. *styledtextorright-to-leftwritingsystems.
28. *
29. */
30. publicclassLabelViewextendsView{
31. /**
32. *Constructor.Thisversionisonlyneededifyouwillbeinstantiating
33. *theobjectmanually(notfromalayoutXMLfile).
34. *@paramcontexttheapplicationenvironment
35. */
36. publicLabelView(Contextcontext){
37. super(context);
38. initLabelView();
39. }
41. /**
42. *Constructobject,initializingwithanyattributesweunderstandfroma
43. *layoutfile.Theseattributesaredefinedin
44. *SDK/assets/res/any/classes.xml.
45. *
46. *@seeandroid.view.View#View(android.content.Context,android.util.AttributeSet)
47. publicLabelView(Contextcontext,AttributeSetattrs){
48. super(context,attrs);
49. initLabelView();
51. Resources.StyledAttributesa=context.obtainStyledAttributes(attrs,
52. R.styleable.LabelView);
54. CharSequences=a.getString(R.styleable.LabelView_text);
55. if(s!=null){
56. setText(s.toString());
57. }
59. ColorStateListtextColor=a.getColorList(R.styleable.
60. LabelView_textColor);
61. if(textColor!=null){
62. setTextColor(textColor.getDefaultColor(0));
63. }
65. inttextSize=a.getInt(R.styleable.LabelView_textSize,0);
66. if(textSize>0){
67. setTextSize(textSize);
68. }
70. a.recycle();
71. }
73. */
74. privatevoidinitLabelView(){
75. mTextPaint=newPaint();
76. mTextPaint.setAntiAlias(true);
77. mTextPaint.setTextSize(16);
78. mTextPaint.setColor(0xFF000000);
80. mPaddingLeft=3;
81. mPaddingTop=3;
82. mPaddingRight=3;
83. mPaddingBottom=3;
84. }
86. /**
87. *Setsthetexttodisplayinthislabel
88. *@paramtextThetexttodisplay.Thiswillbedrawnasoneline.
89. */
90. publicvoidsetText(Stringtext){
91. mText=text;
92. requestLayout();
93. invalidate();
94. }
96. /**
97. *Setsthetextsizeforthislabel
98. *@paramsizeFontsize
99. */
100. publicvoidsetTextSize(intsize){
101. mTextPaint.setTextSize(size);
102. requestLayout();
103. invalidate();
104. }
106. /**
107. *Setsthetextcolorforthislabel
108. *@paramcolorARGBvalueforthetext
109. */
110. publicvoidsetTextColor(intcolor){
111. mTextPaint.setColor(color);
112. invalidate();
113. }
116. /**
117. *@seeandroid.view.View#measure(int,int)
118. */
119. @Override
120. protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){
121. setMeasuredDimension(measureWidth(widthMeasureSpec),
122. measureHeight(heightMeasureSpec));
123. }
125. /**
126. *Determinesthewidthofthisview
127. *@parammeasureSpecAmeasureSpecpackedintoanint
128. *@returnThewidthoftheview,honoringconstraintsfrommeasureSpec
129. */
130. privateintmeasureWidth(intmeasureSpec){
131. intresult;
132. intspecMode=MeasureSpec.getMode(measureSpec);
133. intspecSize=MeasureSpec.getSize(measureSpec);
135. if(specMode==MeasureSpec.EXACTLY){
136. //Weweretoldhowbigtobe
137. result=specSize;
138. }else{
139. //Measurethetext
140. result=(int)mTextPaint.measureText(mText)+mPaddingLeft
141. +mPaddingRight;
142. if(specMode==MeasureSpec.AT_MOST){
143. //RespectAT_MOSTvalueifthatwaswhatiscalledforbymeasureSpec
144. result=Math.min(result,specSize);
145. }
146. }
148. returnresult;
149. }
151. /**
152. *Determinestheheightofthisview
153. *@parammeasureSpecAmeasureSpecpackedintoanint
154. *@returnTheheightoftheview,honoringconstraintsfrommeasureSpec
155. */
156. privateintmeasureHeight(intmeasureSpec){
157. intresult;
158. intspecMode=MeasureSpec.getMode(measureSpec);
159. intspecSize=MeasureSpec.getSize(measureSpec);
161. mAscent=(int)mTextPaint.ascent();
162. if(specMode==MeasureSpec.EXACTLY){
163. //Weweretoldhowbigtobe
164. result=specSize;
165. }else{
166. //Measurethetext(beware:ascentisanegativenumber)
167. result=(int)(-mAscent+mTextPaint.descent())+mPaddingTop
168. +mPaddingBottom;
169. if(specMode==MeasureSpec.AT_MOST){
170. //RespectAT_MOSTvalueifthatwaswhatiscalledforbymeasureSpec
171. result=Math.min(result,specSize);
172. }
173. }
174. returnresult;
175. }
177. /**
178. *Renderthetext
179. *
180. *@seeandroid.view.View#onDraw(android.graphics.Canvas)
181. */
182. @Override
183. protectedvoidonDraw(Canvascanvas){
184. super.onDraw(canvas);
185. canvas.drawText(mText,mPaddingLeft,mPaddingTop-mAscent,mTextPaint);
186. }
188. privatePaintmTextPaint;
189. privateStringmText;
190. privateintmAscent;
191. }

应用该自定义组件的layout xml：

[html]view plaincopyprint?

1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:app="http://schemas.android.com/apk/res/com.example.android.apis"
3. android:orientation="vertical"
4. android:layout_width="match_parent"
5. android:layout_height="wrap_content">
7. <com.example.android.apis.view.LabelView
8. android:background="@drawable/red"
9. android:layout_width="match_parent"
10. android:layout_height="wrap_content"
11. app:text="Red"/>
13. <com.example.android.apis.view.LabelView
14. android:background="@drawable/blue"
15. android:layout_width="match_parent"
16. android:layout_height="wrap_content"
17. app:text="Blue"app:textSize="20dp"/>
19. <com.example.android.apis.view.LabelView
20. android:background="@drawable/green"
21. android:layout_width="match_parent"
22. android:layout_height="wrap_content"
23. app:text="Green"app:textColor="#ffffffff"/>
25. </LinearLayout>

该示例演示了：

1. 继承自View的完全自定义组件

2. 带参数的构造函数(一些属性参数在xml中设置)。还使用了自定义属性R.styleable.LabelView

3. 一些标准的public 方法，如setText()、setTextSize()、setTextColor()

4. onMeasure()测量组件尺寸，内部由measureWidth(intmeasureSpec) 和measureHeight(intmeasureSpec)来测量。

5. onDraw()将Label绘制到画面Canvas上

复合组件

由一些现有组件，复合成一个新的组件。 要创建一个复合组件： 1. 通常需要创建一个类，继承自一个Layout，或者ViewGroup。 2. 在构造函数中，需要先调用父类相应的构造函数。然后设置一些需要的组件用于复合。可以使用自定义属性 3. 可以创建监听器，监听处理一些可能的动作 4. 可能有一些 属性的 get / set 方法 5. 如果继承自某一Layout类时，不需要重写onDraw()和onMeasure()，因为Layout类中有默认的行为。如有必要，当然也可以重写 6. 可能重写其他一些onXxx()，以达到你想要的效果

复合组件示例

api-demo下的List4和List6里的内部类SpeachView，以下为List6中的源码 [java]view plaincopyprint?

1. privateclassSpeechViewextendsLinearLayout{
2. publicSpeechView(Contextcontext,Stringtitle,Stringdialogue,booleanexpanded){
3. super(context);
5. this.setOrientation(VERTICAL);
7. //Herewebuildthechildviewsincode.Theycouldalsohave
8. //beenspecifiedinanXMLfile.
10. mTitle=newTextView(context);
11. mTitle.setText(title);
12. addView(mTitle,newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.WRAP_CONTENT));
14. mDialogue=newTextView(context);
15. mDialogue.setText(dialogue);
16. addView(mDialogue,newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.WRAP_CONTENT));
18. mDialogue.setVisibility(expanded?VISIBLE:GONE);
19. }
21. /**
22. *ConveniencemethodtosetthetitleofaSpeechView
23. */
24. publicvoidsetTitle(Stringtitle){
25. mTitle.setText(title);
26. }
28. /**
29. *ConveniencemethodtosetthedialogueofaSpeechView
30. */
31. publicvoidsetDialogue(Stringwords){
32. mDialogue.setText(words);
33. }
35. /**
36. *Conveniencemethodtoexpandorhidethedialogue
37. */
38. publicvoidsetExpanded(booleanexpanded){//该方法在List4中没有
39. mDialogue.setVisibility(expanded?VISIBLE:GONE);
40. }
42. privateTextViewmTitle;
43. privateTextViewmDialogue;
44. }

SpeachView，继承了LinearLayout，纵向布局。内部有一个TextView的title，一个TextView的dialogue。List4完全展开两个TextView；List6点击title可以收缩/展开dialogue。

修改现有View类型

继承自一个现有的View，以增强其功能，满足需要。
sdk中有个记事本NotePad的示例工程。其中有一个类就是扩展了EditText。 在NoteEditor类中： [java]view plaincopyprint?

1. publicstaticclassLinedEditTextextendsEditText{
2. privateRectmRect;
3. privatePaintmPaint;
5. //ThisconstructorisusedbyLayoutInflater
6. publicLinedEditText(Contextcontext,AttributeSetattrs){
7. super(context,attrs);
9. //CreatesaRectandaPaintobject,andsetsthestyleandcolorofthePaintobject.
10. mRect=newRect();
11. mPaint=newPaint();
12. mPaint.setStyle(Paint.Style.STROKE);
13. mPaint.setColor(0x800000FF);
14. }
16. /**
17. *ThisiscalledtodrawtheLinedEditTextobject
18. *@paramcanvasThecanvasonwhichthebackgroundisdrawn.
19. */
20. @Override
21. protectedvoidonDraw(Canvascanvas){
23. //GetsthenumberoflinesoftextintheView.
24. intcount=getLineCount();//edittext中有几行，edittext继承textview
26. //GetstheglobalRectandPaintobjects
27. Rectr=mRect;
28. Paintpaint=mPaint;
30. /*
31. *DrawsonelineintherectangleforeverylineoftextintheEditText
32. */
33. for(inti=0;i<count;i++){
35. //Getsthebaselinecoordinatesforthecurrentlineoftext
36. intbaseline=getLineBounds(i,r);//将一行的范围坐标赋给矩形r；返回一行y方向上的基准线坐标
38. /*
39. *Drawsalineinthebackgroundfromtheleftoftherectangletotheright,
40. *ataverticalpositiononedipbelowthebaseline,usingthe"paint"object
41. *fordetails.
42. */
43. canvas.drawLine(r.left,baseline+1,r.right,baseline+1,paint);//绘制一条线，宽度为原行的宽度，高度为从基线开始+1个像素
44. }
46. //Finishesupbycallingtheparentmethod
47. super.onDraw(canvas);
48. }
49. }

定义

一个public的静态内部类，以便它可以被访问：NoteEditor.MyEditText 它是静态内部类，意味着，它不依靠外部类的成员，不会产生一些“组合的方法”。
继承自EditText

类的初始化

构造函数中，先调用父类的构造方法，并且它是带属性参数的构造函数。在使用时，从一个xml布局文件inflate

重写的方法

只有onDraw()被重写。在onDraw()中绘制了一条蓝色的线，该线从每行文本的的基线开始向下1像素，宽度为行宽。 方法结束前，调用super.onDraw()

使用自定义组件

[html]view plaincopyprint?

1. <viewxmlns:android="http://schemas.android.com/apk/res/android"
2. class="com.example.android.notepad.NoteEditor$LinedEditText"
3. android:id="@+id/note"
4. android:layout_width="match_parent"
5. android:layout_height="match_parent"
6. android:background="@android:color/transparent"
7. android:padding="5dp"
8. android:scrollbars="vertical"
9. android:fadingEdge="vertical"
10. android:gravity="top"
11. android:textSize="22sp"
12. android:capitalize="sentences"
13. />

使用完全限定类名，引入自定义组件。使用$引用内部类。

更多相关文章

1. Android设置全屏隐藏状态栏的方法
2. 使用adb出现假emulator的解决方法
3. h5
4. Android(安卓)LayoutInflater深度解析
5. android 中使用Java反射Reflect，输出类中变量值，方便调试。
6. android获取状态栏的高度。
7. Android(安卓)Intent学习
8. android中BaseActivity的公共方法
9. Android:Smali语法中文介绍

随机推荐

1. 使用xmldom在服务器端生成静态html页面
2. C#-XML操作类的代码实例详解
3. 详细介绍Web安全之XML注入的示例代码
4. 详细解析包含中文字符的URL编码问题
5. 详细介绍XML技术上传文件
6. 详细介绍如何使用javascript+xml实现分页
7. 如何使用DOM创建XML的详细介绍
8. 教你怎样快速从一个XML文件中查找信息的
9. java读取XML文件的四种方式及比较的代码
10. 一个简单的XML Schema的示例代码详解