開(kāi)發(fā)自定義控件的步驟:
1、了解View的工作原理
2、 編寫(xiě)繼承自View的子類(lèi)
3、 為自定義View類(lèi)增加屬性
4、 繪制控件
5、 響應(yīng)用戶消息
6 、自定義回調(diào)函數(shù)
一、View結(jié)構(gòu)原理
Android系統(tǒng)的視圖結(jié)構(gòu)的設(shè)計(jì)也采用了組合模式,即View作為所有圖形的基類(lèi),Viewgroup對(duì)View繼承擴(kuò)展為視圖容器類(lèi)。
View定義了繪圖的基本操作
基本操作由三個(gè)函數(shù)完成:measure()、layout()、draw(),其內(nèi)部又分別包含了onMeasure()、onLayout()、onDraw()三個(gè)子方法。具體操作如下:
1、measure操作
measure操作主要用于計(jì)算視圖的大小,即視圖的寬度和長(zhǎng)度。在view中定義為final類(lèi)型,要求子類(lèi)不能修改。measure()函數(shù)中又會(huì)調(diào)用下面的函數(shù):
(1)onMeasure(),視圖大小的將在這里最終確定,也就是說(shuō)measure只是對(duì)onMeasure的一個(gè)包裝,子類(lèi)可以覆寫(xiě)onMeasure()方法實(shí)現(xiàn)自己的計(jì)算視圖大小的方式,并通過(guò)setMeasuredDimension(width, height)保存計(jì)算結(jié)果。
2、layout操作
layout操作用于設(shè)置視圖在屏幕中顯示的位置。在view中定義為final類(lèi)型,要求子類(lèi)不能修改。layout()函數(shù)中有兩個(gè)基本操作:
(1)setFrame(l,t,r,b),l,t,r,b即子視圖在父視圖中的具體位置,該函數(shù)用于將這些參數(shù)保存起來(lái);
(2)onLayout(),在View中這個(gè)函數(shù)什么都不會(huì)做,提供該函數(shù)主要是為viewGroup類(lèi)型布局子視圖用的;
3、draw操作
draw操作利用前兩部得到的參數(shù),將視圖顯示在屏幕上,到這里也就完成了整個(gè)的視圖繪制工作。子類(lèi)也不應(yīng)該修改該方法,因?yàn)槠鋬?nèi)部定義了繪圖的基本操作:
(1)繪制背景;
(2)如果要視圖顯示漸變框,這里會(huì)做一些準(zhǔn)備工作;
(3)繪制視圖本身,即調(diào)用onDraw()函數(shù)。在view中onDraw()是個(gè)空函數(shù),也就是說(shuō)具體的視圖都要覆寫(xiě)該函數(shù)來(lái)實(shí)現(xiàn)自己的顯示(比如TextView在這里實(shí)現(xiàn)了繪制文字的過(guò)程)。而對(duì)于ViewGroup則不需要實(shí)現(xiàn)該函數(shù),因?yàn)樽鳛槿萜魇恰皼](méi)有內(nèi)容“的,其包含了多個(gè)子view,而子View已經(jīng)實(shí)現(xiàn)了自己的繪制方法,因此只需要告訴子view繪制自己就可以了,也就是下面的dispatchDraw()方法;
(4)繪制子視圖,即dispatchDraw()函數(shù)。在view中這是個(gè)空函數(shù),具體的視圖不需要實(shí)現(xiàn)該方法,它是專(zhuān)門(mén)為容器類(lèi)準(zhǔn)備的,也就是容器類(lèi)必須實(shí)現(xiàn)該方法;
(5)如果需要(應(yīng)用程序調(diào)用了setVerticalFadingEdge或者setHorizontalFadingEdge),開(kāi)始繪制漸變框;
(6)繪制滾動(dòng)條;
從上面可以看出自定義View需要最少覆寫(xiě)onMeasure()和onDraw()兩個(gè)方法。
二、View類(lèi)的構(gòu)造方法
創(chuàng)建自定義控件的3種主要實(shí)現(xiàn)方式:
1)繼承已有的控件來(lái)實(shí)現(xiàn)自定義控件: 主要是當(dāng)要實(shí)現(xiàn)的控件和已有的控件在很多方面比較類(lèi)似, 通過(guò)對(duì)已有控件的擴(kuò)展來(lái)滿足要求。
2)通過(guò)繼承一個(gè)布局文件實(shí)現(xiàn)自定義控件,一般來(lái)說(shuō)做組合控件時(shí)可以通過(guò)這個(gè)方式來(lái)實(shí)現(xiàn)。
注意此時(shí)不用onDraw方法,在構(gòu)造廣告中通過(guò)inflater加載自定義控件的布局文件,再addView(view),自定義控件的圖形界面就加載進(jìn)來(lái)了。
3)通過(guò)繼承view類(lèi)來(lái)實(shí)現(xiàn)自定義控件,使用GDI繪制出組件界面,一般無(wú)法通過(guò)上述兩種方式來(lái)實(shí)現(xiàn)時(shí)用該方式。
三、自定義View增加屬性的兩種方法:
1)在View類(lèi)中定義。通過(guò)構(gòu)造函數(shù)中引入的AttributeSet 去查找XML布局的屬性名稱(chēng),然后找到它對(duì)應(yīng)引用的資源ID去找值。
案例:實(shí)現(xiàn)一個(gè)帶文字的圖片(圖片、文字是onDraw方法重繪實(shí)現(xiàn))

publicclassMyViewextendsView {privateString mtext;privateintmsrc;publicMyView(Context context) {super(context);
}publicMyView(Context context, AttributeSet attrs) {super(context, attrs);intresourceId = 0;inttextId = attrs.getAttributeResourceValue(null, "Text",0);intsrcId = attrs.getAttributeResourceValue(null, "Src", 0);
mtext=context.getResources().getText(textId).toString();
msrc=srcId;
}
@OverrideprotectedvoidonDraw(Canvas canvas) {
Paint paint=newPaint();
paint.setColor(Color.RED);
InputStream is=getResources().openRawResource(msrc);
Bitmap mBitmap=BitmapFactory.decodeStream(is);intbh =mBitmap.getHeight();intbw =mBitmap.getWidth();
canvas.drawBitmap(mBitmap,0,0, paint);//canvas.drawCircle(40, 90, 15, paint);canvas.drawText(mtext, bw/2, 30, paint);
}
}

布局文件:


屬性Text, Src在自定義View類(lèi)的構(gòu)造方法中讀取。
2)通過(guò)XML為View注冊(cè)屬性。與Android提供的標(biāo)準(zhǔn)屬性寫(xiě)法一樣。
案例: ?實(shí)現(xiàn)一個(gè)帶文字說(shuō)明的ImageView (ImageView+TextView組合,文字說(shuō)明,可在布局文件中設(shè)置位置)

publicclassMyImageViewextendsLinearLayout {publicMyImageView(Context context) {super(context);}publicMyImageView(Context context, AttributeSet attrs) {super(context, attrs);intresourceId = -1;
TypedArray typedArray=context.obtainStyledAttributes(attrs,
R.styleable.MyImageView);
ImageView iv=newImageView(context);
TextView tv=newTextView(context);intN =typedArray.getIndexCount();for(inti = 0; i < N; i++) {intattr =typedArray.getIndex(i);switch(attr) {caseR.styleable.MyImageView_Oriental:
resourceId=typedArray.getInt(
R.styleable.MyImageView_Oriental,0);this.setOrientation(resourceId == 1 ?LinearLayout.HORIZONTAL
: LinearLayout.VERTICAL);break;caseR.styleable.MyImageView_Text:
resourceId=typedArray.getResourceId(
R.styleable.MyImageView_Text,0);
tv.setText(resourceId> 0 ?typedArray.getResources().getText(
resourceId) : typedArray
.getString(R.styleable.MyImageView_Text));break;caseR.styleable.MyImageView_Src:
resourceId=typedArray.getResourceId(
R.styleable.MyImageView_Src,0);
iv.setImageResource(resourceId> 0 ?resourceId:R.drawable.ic_launcher);break;
}
}
addView(iv);
addView(tv);
typedArray.recycle();
}
}

attrs.xml進(jìn)行屬性聲明, 文件放在values目錄下


MainActivity的布局文件:先定義命名空間?xmlns:uview="http://schemas.android.com/apk/res/com.example.myimageview2" (com.example.myimageview2為你
在manifest中定義的包名)
然后可以像使用系統(tǒng)的屬性一樣使用:uview:Oriental="Vertical"


四、控件繪制 onDraw()
五、
六:自定義View的方法
onFinishInflate() 回調(diào)方法,當(dāng)應(yīng)用從XML加載該組件并用它構(gòu)建界面之后調(diào)用的方法
onMeasure() 檢測(cè)View組件及其子組件的大小
onLayout() 當(dāng)該組件需要分配其子組件的位置、大小時(shí)
onSizeChange() 當(dāng)該組件的大小被改變時(shí)
onDraw() 當(dāng)組件將要繪?制它的內(nèi)容時(shí)
onKeyDown 當(dāng)按下某個(gè)鍵盤(pán)時(shí)
onKeyUp ?當(dāng)松開(kāi)某個(gè)鍵盤(pán)時(shí)
onTrackballEvent 當(dāng)發(fā)生軌跡球事件時(shí)
onTouchEvent 當(dāng)發(fā)生觸屏事件時(shí)
onWindowFocusChanged(boolean) ?當(dāng)該組件得到、失去焦點(diǎn)時(shí)
onAtrrachedToWindow() 當(dāng)把該組件放入到某個(gè)窗口時(shí)
onDetachedFromWindow() 當(dāng)把該組件從某個(gè)窗口上分離時(shí)觸發(fā)的方法
onWindowVisibilityChanged(int): 當(dāng)包含該組件的窗口的可見(jiàn)性發(fā)生改變時(shí)觸發(fā)的方法