溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android中如何自定義控件view

發(fā)布時(shí)間:2021-12-24 16:59:19 來(lái)源:億速云 閱讀:159 作者:小新 欄目:大數(shù)據(jù)

這篇文章將為大家詳細(xì)講解有關(guān)Android中如何自定義控件view,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

初識(shí)View

Android所有的控件都是View或者View的子類(lèi),它其實(shí)表示的就是屏幕上的一塊矩形區(qū)域,用一個(gè)Rect來(lái)表示,left,top表示View相對(duì)于它的parent View的起點(diǎn),width,height表示View自己的寬高,通過(guò)這4個(gè)字段就能確定View在屏幕上的位置,確定位置后就可以開(kāi)始繪制View的內(nèi)容了。

View的繪制過(guò)程

一般情況下大家都知道View的繪制可以分為下面三個(gè)過(guò)程:

Measure

View會(huì)先做一次測(cè)量,算出自己需要占用多大的面積。View的Measure過(guò)程給我們暴露了一個(gè)接口onMeasure,方法的定義是這樣的,

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {}

View類(lèi)已經(jīng)提供了一個(gè)基本的onMeasure實(shí)現(xiàn),

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
          getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}public static int getDefaultSize(int size, int measureSpec) {  int result = size;  int specMode = MeasureSpec.getMode(measureSpec);  int specSize = MeasureSpec.getSize(measureSpec);  switch (specMode) {  case MeasureSpec.UNSPECIFIED:
      result = size;      break;  case MeasureSpec.AT_MOST:  case MeasureSpec.EXACTLY:
      result = specSize;      break;
  }  return result;
}

其中invoke了setMeasuredDimension()方法,設(shè)置了measure過(guò)程中View的寬高,getSuggestedMinimumWidth()返回View的最小Width,Height也有對(duì)應(yīng)的方法。插幾句,MeasureSpec類(lèi)是View類(lèi)的一個(gè)內(nèi)部靜態(tài)類(lèi),它定義了三個(gè)常量UNSPECIFIED、AT_MOST、EXACTLY,其實(shí)我們可以這樣理解它,它們分別對(duì)應(yīng)LayoutParams中match_parent、wrap_content、xxxdp。我們可以重寫(xiě)onMeasure來(lái)重新定義View的寬高。

Layout

Layout過(guò)程對(duì)于View類(lèi)非常簡(jiǎn)單,同樣View給我們暴露了onLayout方法

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {}

因?yàn)槲覀儸F(xiàn)在討論的是View,沒(méi)有子View需要排列,所以這一步其實(shí)我們不需要做額外的工作。

Draw

Draw過(guò)程,就是在canvas上畫(huà)出我們需要的View樣式。同樣View給我們暴露了onDraw方法

protected void onDraw(Canvas canvas) {}

默認(rèn)View類(lèi)的onDraw沒(méi)有一行代碼,但是提供給我們了一張空白的畫(huà)布,舉個(gè)例子,就像一張畫(huà)卷一樣,我們就是畫(huà)家,能畫(huà)出什么樣的效果,完全取決我們。

View中還有三個(gè)比較重要的方法

  1. requestLayout
    View重新調(diào)用一次layout過(guò)程。

  2. invalidate
    View重新調(diào)用一次draw過(guò)程

  3. forceLayout
    標(biāo)識(shí)View在下一次重繪,需要重新調(diào)用layout過(guò)程。
    自定義屬性

整個(gè)View的繪制流程我們已經(jīng)介紹完了,還有一個(gè)很重要的知識(shí),自定義控件屬性,我們都知道View已經(jīng)有一些基本的屬性,比如layout_width,layout_height,background等,我們往往需要定義自己的屬性,那么具體可以這么做。

1.在values文件夾下,打開(kāi)attrs.xml,其實(shí)這個(gè)文件名稱可以是任意的,寫(xiě)在這里更規(guī)范一點(diǎn),表示里面放的全是view的屬性。
2.因?yàn)槲覀兿旅娴膶?shí)例會(huì)用到2個(gè)長(zhǎng)度,一個(gè)顏色值的屬性,所以我們這里先創(chuàng)建3個(gè)屬性。

<declare-styleable name="rainbowbar">
  <attr name="rainbowbar_hspace" format="dimension"></attr>
  <attr name="rainbowbar_vspace" format="dimension"></attr>
  <attr name="rainbowbar_color" format="color"></attr></declare-styleable>

那么到底怎么用呢,我們會(huì)看一個(gè)實(shí)例。

實(shí)現(xiàn)一個(gè)比較簡(jiǎn)單的Google彩虹進(jìn)度條。

Android中如何自定義控件view

因?yàn)槲覀冞@里不用關(guān)注measrue和layout過(guò)程,直接重寫(xiě)onDraw方法即可。
其實(shí)就是調(diào)用canvas的drawLine方法,然后每次將draw的起點(diǎn)向前推進(jìn),在方法的結(jié)尾,我們調(diào)用了invalidate方法,上面我們已經(jīng)說(shuō)明了,這個(gè)方法會(huì)讓View重新調(diào)用onDraw方法,所以就達(dá)到我們的進(jìn)度條一直在向前繪制的效果。下面是最后的顯示效果,制作成gif時(shí)好像有色差,但是真實(shí)效果是藍(lán)色的。

關(guān)于“Android中如何自定義控件view”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI