安卓自定義View進階-分類與流程
本章節為什麼要叫進階篇?(雖然講的是基礎內容),因為從本篇開始,將會逐漸揭開自定義View的神祕面紗,每一篇都將比上一篇內容更加深入,利用所學的知識能夠製作更加炫酷自定義View,就像在臺階上一樣,每一篇都更上一層,幫助大家一步步走向人生巔峰,出任CEO,迎娶白富美。 誤,是幫助大家更加了解那些炫酷的自定義View是如何製作的,達到舉一反三的效果。
自定義View繪製流程函式呼叫鏈(簡化版)
一.自定義View分類
我將自定義View分為了兩類(sloop個人分類法,非官方):
1.自定義ViewGroup
自定義ViewGroup一般是利用現有的元件根據特定的佈局方式來組成新的元件,大多繼承自ViewGroup或各種Layout,包含有子View。
例如:應用底部導航條中的條目,一般都是上面圖示(ImageView),下面文字(TextView),那麼這兩個就可以用自定義ViewGroup組合成為一個Veiw,提供兩個屬性分別用來設定文字和圖片,使用起來會更加方便。
2.自定義View
在沒有現成的View,需要自己實現的時候,就使用自定義View,一般繼承自View,SurfaceView或其他的View,不包含子View。
例如:製作一個支援自動載入網路圖片的ImageView,製作圖表等。
PS: 自定義View在大多數情況下都有替代方案,利用圖片或者組合動畫來實現,但是使用後者可能會面臨記憶體耗費過大,製作麻煩等諸多問題。
二.幾個重要的函式
1.建構函式
建構函式是View的入口,可以用於初始化一些的內容,和獲取自定義屬性。
View的建構函式有四種過載分別如下:
public void SloopView(Context context) {} public void SloopView(Context context, AttributeSet attrs) {} public void SloopView(Context context, AttributeSet attrs, int defStyleAttr) {} public void SloopView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {}
可以看出,關於View建構函式的引數有多有少,先排除幾個不常用的,留下常用的再研究。
有四個引數的建構函式在API21的時候才新增上,暫不考慮。
有三個引數的建構函式中第三個引數是預設的Style,這裡的預設的Style是指它在當前Application或Activity所用的Theme中的預設Style,且只有在明確呼叫的時候才會生效,以系統中的ImageButton為例說明:
public ImageButton(Context context, AttributeSet attrs) {
//呼叫了三個引數的建構函式,明確指定第三個引數
this(context, attrs, com.android.internal.R.attr.imageButtonStyle);
}
public ImageButton(Context context, AttributeSet attrs, int defStyleAttr) {
//此處調了四個引數的建構函式,無視即可
this(context, attrs, defStyleAttr, 0);
}
注意:即使你在View中使用了Style這個屬性也不會呼叫三個引數的建構函式,所呼叫的依舊是兩個引數的建構函式。
由於三個引數的建構函式第三個引數一般不用,暫不考慮,第三個引數的具體用法會在以後用到的時候詳細介紹。
排除了兩個之後,只剩下一個引數和兩個引數的建構函式,他們的詳情如下:
//一般在直接New一個View的時候呼叫。
public void SloopView(Context context) {}
//一般在layout檔案中使用的時候會呼叫,關於它的所有屬性(包括自定義屬性)都會包含在attrs中傳遞進來。
public void SloopView(Context context, AttributeSet attrs) {}
以下方法呼叫的是一個引數的建構函式:
//在Avtivity中
SloopView view new SloopView(this);
以下方法呼叫的是兩個引數的建構函式:
//在layout檔案中 - 格式為: 包名.View名
<com.sloop.study.SloopView
android:layout_width"wrap_content"
android:layout_height"wrap_content"/>
關於建構函式先講這麼多,關於如何自定義屬性和使用attrs中的內容,在後面會詳細講解,目前只需要知道這兩個建構函式在何時呼叫即可。
2.測量View大小(onMeasure)
Q: 為什麼要測量View大小?
A: View的大小不僅由自身所決定,同時也會受到父控制元件的影響,為了我們的控制元件能更好的適應各種情況,一般會自己進行測量。
測量View大小使用的是onMeasure函式,我們可以從onMeasure的兩個引數中取出寬高的相關資料:
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthsize MeasureSpec.getSize(widthMeasureSpec); //取出寬度的確切數值
int widthmode MeasureSpec.getMode(widthMeasureSpec); //取出寬度的測量模式
int heightsize MeasureSpec.getSize(heightMeasureSpec); //取出高度的確切數值
int heightmode MeasureSpec.getMode(heightMeasureSpec); //取出高度的測量模式
}
從上面可以看出 onMeasure 函式中有 widthMeasureSpec 和 heightMeasureSpec 這兩個 int 型別的引數, 毫無疑問他們是和寬高相關的, 但它們其實不是寬和高, 而是由寬、高和各自方向上對應的測量模式來合成的一個值:
測量模式一共有三種, 被定義在 Android 中的 View 類的一個內部類View.MeasureSpec中:
模式 | 二進位制數值 | 描述 |
---|---|---|
UNSPECIFIED | 00 | 預設值,父控制元件沒有給子view任何限制,子View可以設定為任意大小。 |
EXACTLY | 01 | 表示父控制元件已經確切的指定了子View的大小。 |
AT_MOST | 10 | 表示子View具體大小沒有尺寸限制,但是存在上限,上限一般為父View大小。 |
在int型別的32位二進位制位中,31-30這兩位表示測量模式,29~0這三十位表示寬和高的實際值,實際上如下:
以數值1080(二進位制為: 1111011000)為例(其中模式和實際數值是連在一起的,為了展示我將他們分開了):
模式名稱 | 模式數值 | 實際數值 |
---|---|---|
UNSPECIFIED | 00 | 000000000000000000001111011000 |
EXACTLY | 01 | 000000000000000000001111011000 |
AT_MOST | 10 | 000000000000000000001111011000 |
PS: 實際上關於上面的東西瞭解即可,在實際運用之中只需要記住有三種模式,用 MeasureSpec 的 getSize是獲取數值, getMode是獲取模式即可。
注意:
如果對View的寬高進行修改了,不要呼叫 super.onMeasure( widthMeasureSpec, heightMeasureSpec); 要呼叫 setMeasuredDimension( widthsize, heightsize); 這個函式。
3.確定View大小(onSizeChanged)
這個函式在檢視大小發生改變時呼叫。
Q: 在測量完View並使用setMeasuredDimension函式之後View的大小基本上已經確定了,那麼為什麼還要再次確定View的大小呢?
A: 這是因為View的大小不僅由View本身控制,而且受父控制元件的影響,所以我們在確定View大小的時候最好使用系統提供的onSizeChanged回撥函式。
onSizeChanged如下:
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
}
可以看出,它又四個引數,分別為 寬度,高度,上一次寬度,上一次高度。
這個函式比較簡單,我們只需關注 寬度(w), 高度(h) 即可,這兩個引數就是View最終的大小。
4.確定子View佈局位置(onLayout)
確定佈局的函式是onLayout,它用於確定子View的位置,在自定義ViewGroup中會用到,他呼叫的是子View的layout函式。
在自定義ViewGroup中,onLayout一般是迴圈取出子View,然後經過計算得出各個子View位置的座標值,然後用以下函式設定子View位置。
child.layout(l, t, r, b);
四個引數分別為:
名稱 | 說明 | 對應的函式 |
---|---|---|
l | View左側距父View左側的距離 | getLeft(); |
t | View頂部距父View頂部的距離 | getTop(); |
r | View右側距父View左側的距離 | getRight(); |
b | View底部距父View頂部的距離 | getBottom(); |
具體可以參考 座標系 這篇文章。
PS:關於onLayout這個函式在講解自定義ViewGroup的時候會詳細講解。
5.繪製內容(onDraw)
onDraw是實際繪製的部分,也就是我們真正關心的部分,使用的是Canvas繪圖。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
關於Canvas繪圖是本章節的重點,會分幾篇文章進行詳細講解,敬請期待OwO。
6.對外提供操作方法和監聽回撥
自定義完View之後,一般會對外暴露一些介面,用於控制View的狀態等,或者監聽View的變化.
本內容會在後續文章中以例項的方式進講解。
三.重點知識梳理
自定義View分類
PS :實際上ViewGroup是View的一個子類。
類別 | 繼承自 | 特點 |
---|---|---|
View | View SurfaceView 等 | 不含子View |
ViewGroup | ViewGroup xxLayout等 | 包含子View |
自定義View流程:
步驟 | 關鍵字 | 作用 |
---|---|---|
1 | 建構函式 | View初始化 |
2 | onMeasure | 測量View大小 |
3 | onSizeChanged | 確定View大小 |
4 | onLayout | 確定子View佈局(自定義View包含子View時有用) |
5 | onDraw | 實際繪製內容 |
6 | 提供介面 | 控制View或監聽View某些狀態。 |