1-安卓自定義View進階-分類和流程 · 我的Android Wiki

# 自定義View分類與流程 ### 作者微博: [@GcsSloop](http://weibo.com/GcsSloop) ### [【本系列相關文章】](https://github.com/GcsSloop/AndroidNote/tree/master/CustomView/README.md) 經歷過前面三篇啰啰嗦嗦的基礎篇之后，終于到了進階篇，正式進入解析自定義View的階段。 ## 前言 **本章節為什么要叫進階篇？(雖然講的是基礎內容)，因為從本篇開始，將會逐漸揭開自定義View的神秘面紗，每一篇都將比上一篇內容更加深入，利用所學的知識能夠制作更加炫酷自定義View，就像在臺階上一樣，每一篇都更上一層，~~幫助大家一步步走向人生巔峰，出任CEO，迎娶白富美。~~ 誤，是幫助大家更加了解那些炫酷的自定義View是如何制作的，達到舉一反三的效果。** 自定義View繪制流程函數調用鏈(簡化版) ![](http://ww4.sinaimg.cn/large/005Xtdi2jw1f638wreu74j30fc0heaay.jpg) ## 一.自定義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的構造函數有四種重載分別如下: ``` java 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為例說明： ``` java 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這個屬性也不會調用三個參數的構造函數，所調用的依舊是兩個參數的構造函數。** **由于三個參數的構造函數第三個參數一般不用，暫不考慮，第三個參數的具體用法會在以后用到的時候詳細介紹。** 排除了兩個之后，只剩下一個參數和兩個參數的構造函數，他們的詳情如下： ``` java //一般在直接New一個View的時候調用。 public void SloopView(Context context) {} //一般在layout文件中使用的時候會調用，關于它的所有屬性(包括自定義屬性)都會包含在attrs中傳遞進來。 public void SloopView(Context context, AttributeSet attrs) {} ``` **以下方法調用的是一個參數的構造函數：** ``` java //在Avtivity中 SloopView view = new SloopView(this); ``` **以下方法調用的是兩個參數的構造函數：** ``` xml //在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的兩個參數中取出寬高的相關數據： ``` java @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如下： ``` java @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位置。 ``` java child.layout(l, t, r, b); ``` 四個參數分別為： | 名稱 | 說明 | 對應的函數 | | ---- | ----------------- | ------------ | | l | View左側距父View左側的距離 | getLeft(); | | t | View頂部距父View頂部的距離 | getTop(); | | r | View右側距父View左側的距離 | getRight(); | | b | View底部距父View頂部的距離 | getBottom(); | 具體可以參考 [坐標系](https://github.com/GcsSloop/AndroidNote/blob/master/CustomView/Base/%5B01%5DCoordinateSystem.md) 這篇文章。 ![](http://ww2.sinaimg.cn/large/005Xtdi2gw1f1qzqwvkkbj308c0dwgm9.jpg) PS：關于onLayout這個函數在講解自定義ViewGroup的時候會詳細講解。 ======== ### 5.繪制內容(onDraw) onDraw是實際繪制的部分，也就是我們真正關心的部分，使用的是Canvas繪圖。 ``` java @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某些狀態。 | ## About Me ### 作者微博: <a href="http://weibo.com/GcsSloop" target="_blank">@GcsSloop</a> <a href="https://github.com/GcsSloop/AndroidNote/blob/magic-world/FINDME.md" target="_blank"> <img src="http://ww4.sinaimg.cn/large/005Xtdi2gw1f1qn89ihu3j315o0dwwjc.jpg" width=300/> </a> ## 參考資料： [View](http://developer.android.com/reference/android/view/View.html) [ViewGroup](http://developer.android.com/reference/android/view/ViewGroup.html) [View.MeasureSpec](http://developer.android.com/reference/android/view/View.MeasureSpec.html) [onMeasure，MeasureSpec源碼流程思路詳解](http://blog.csdn.net/a396901990/article/details/36475213) [Android中自定義樣式與View的構造函數中的第三個參數defStyle的意義](http://www.cnblogs.com/angeldevil/p/3479431.html) [android view構造函數研究](http://blog.csdn.net/z103594643/article/details/6755017) [Android View構造方法第三參數使用方法詳解](http://blog.csdn.net/mybeta/article/details/39993449) [Android 自定義View onMeasure方法的實現](http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/1102/1891.html) [Android API指南(二)自定義控件02之 onMeasure](http://wangkuiwu.github.io/2014/06/20/View-OnMeasure/) [Android中View的繪制過程 onMeasure方法簡述](http://www.cnblogs.com/mengdd/p/3332882.html)