背景
自定義View一直感覺挺難的,看了不少關於自定義View的文章,受益匪淺,趕緊搬了過來,簡單做了下總結,具體可以去看原文系列安卓自定義View教程.
一.自定義View分類
1.自定義ViewGroup
自定義ViewGroup一般是利用現有的組件根據特定的佈局方式來組成新的組件,大多繼承自ViewGroup或各種Layout,包含有子View。
例如:應用底部導航條中的條目,一般都是上面圖標(ImageView),下面文字(TextView),那麼這兩個就可以用自定義ViewGroup組合成爲一個Veiw,提供兩個屬性分別用來設置文字和圖片,使用起來會更加方便。
2.自定義View
在沒有現成的View,需要自己實現的時候,就使用自定義View,一般繼承自View,SurfaceView或其他的View,不包含子View。
例如:製作一個支持自動加載網絡圖片的ImageView,製作圖表等。
PS: 自定義View在大多數情況下都有替代方案,利用圖片或者組合動畫來實現,但是使用後者可能會面臨內存耗費過大,製作麻煩更諸多問題。
二.自定義View中幾個重要的函數
1.構造函數
(1)作用:構造函數是View的入口,可以用於初始化一些的內容,和獲取自定義屬性。
(2)分類
//一般在直接New一個View的時候調用。
public void SloopView(Context context) {}
//一般在layout文件中使用的時候會調用,關於它的所有屬性(包括自定義屬性)都會包含在attrs中傳遞進來。
public void SloopView(Context context, AttributeSet attrs) {}
//1.第三個參數是默認的Style,這裏的默認的Style是指它在當前Application或Activity所用的Theme中的默認Style,且只有在明確調用的時候纔會生效,以系統中的ImageButton爲例說明:
//2.即使你在View中使用了Style這個屬性也不會調用三個參數的構造函數,所調用的依舊是兩個參數的構造函數。
public ImageButton(Context context, AttributeSet attrs) {
//調用了三個參數的構造函數,明確指定第三個參數
this(context, attrs, com.android.internal.R.attr.imageButtonStyle);
}
public ImageButton(Context context, AttributeSet attrs, int defStyleAttr) {
//此處調了四個參數的構造函數,在API21的時候才添加上
this(context, attrs, defStyleAttr, 0);
}
(3)調用
一個參數
//在Avtivity中
SloopView view = new SloopView(this);
兩個參數
//在layout文件中 - 格式爲: 包名.View名
<com.sloop.study.SloopView
android:layout_width"wrap_content"
android:layout_height"wrap_content"/>
2.測量View大小(onMeasure)
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); //取出高度的測量模式
}
widthMeasureSpec 和 heightMeasureSpec是由寬、高和各自方向上對應的測量模式來合成的一個值:
測量模式一共有三種, 被定義在 Android 中的 View 類的一個內部類View.MeasureSpec中:
模式 | 二進制數值 | 描述 |
---|---|---|
UNSPECIFIED | 00 | 默認值,父控件沒有給子view任何限制,子View可以設置爲任意大小。 |
EXACTLY | 01 | 表示父控件已經確切的指定了子View的大小。 |
AT_MOST | 10 | 表示子View具體大小沒有尺寸限制,但是存在上限,上限一般爲父View大小。 |
實際運用之中只需要記住有三種模式,用 MeasureSpec 的 getSize是獲取數值, getMode是獲取模式即可。
如果對View的寬高進行修改了,不要調用 super.onMeasure( widthMeasureSpec, heightMeasureSpec); 要調用 setMeasuredDimension( widthsize, heightsize); 這個函數。
3.確定View大小(onSizeChanged)
這個函數在視圖大小發生改變時調用。
在測量完View並使用setMeasuredDimension函數之後View的大小基本上已經確定了,還要再次確定View的大小,因爲View的大小不僅由View本身控制,而且受父控件的影響,所以我們在確定View大小的時候最好使用系統提供的onSizeChanged回調函數。
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
//四個參數,分別爲 寬度,高度,上一次寬度,上一次高度。
//我們只需關注 寬度(w), 高度(h) 即可,這兩個參數就是View最終的大小
super.onSizeChanged(w, h, oldw, oldh);
}
4.確定子佈局的位置(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(); |
可參考座標系這篇文章
5.繪製內容
onDraw是實際繪製的部分,也就是我們真正關心的部分,使用的是Canvas繪圖。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
6.對外提供操作方法和監聽回調
自定義完View之後,一般會對外暴露一些接口,用於控制View的狀態等,或者監聽View的變化.