Android自定義控件

開(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ā)的方法

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,048評(píng)論 6 542
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,414評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 178,169評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,722評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,465評(píng)論 6 412
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,823評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,813評(píng)論 3 446
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 43,000評(píng)論 0 290
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,554評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,513評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,035評(píng)論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,722評(píng)論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 35,125評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,430評(píng)論 1 295
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,237評(píng)論 3 398
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,482評(píng)論 2 379

推薦閱讀更多精彩內(nèi)容