Android自定義控件之基本原理（一）
前言：
在日常的Android開發(fā)中會經(jīng)常和控件打交道，有時Android提供的控件未必能滿足業(yè)務的需求，這個時候就需要我們實現(xiàn)自定義一些控件，今天先大致了解一下自定義控件的要求和實現(xiàn)的基本原理。
自定義控件要求：
1. 應當遵守Android標準的規(guī)范(命名，可配置，事件處理等)。
2. 在XML布局中科配置控件的屬性。
3. 對交互應當有合適的反饋，比如按下，點擊等。
4. 具有兼容性， Android版本很多，應該具有廣泛的適用性。
自定義控件學習步驟：
1 .View的工作原理
2 .編寫View類
3.為View類增加屬性
4 .繪制屏幕
5. 響應用戶消息
6 .自定義回調函數(shù)
自定義控件兩種方式：
1. 繼承ViewGroup
例如：ViewGroup、LinearLayout、FrameLayout、RelativeLayout等。
2. 繼承View
例如：View、TextView、ImageView、Button等。
自定義控件基本繪制原理：
View的繪制基本上由measure()、layout()、draw()這個三個函數(shù)完成
1.）測量-Measure過程是計算視圖大小，View measure過程相關方法主要有三個：
public final void measure(int widthMeasureSpec, int heightMeasureSpec) protected final void setMeasuredDimension(int measuredWidth, int measuredHeight) protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
measure調用onMeasure，onMeasure測量寬度、高度然后調用setMeasureDimension保存測量結果，measure，setMeasureDimension是final類型，view的子類不需要重寫，onMeasure在view的子類中重寫。
關于MeasureSpec：
(1)UPSPECIFIED :父容器對于子容器沒有任何限制,子容器想要多大就多大.
(2) EXACTLY父容器已經(jīng)為子容器設置了尺寸,子容器應當服從這些邊界,不論子容器想要多大的空間.
(3) AT_MOST子容器可以是聲明大小內的任意大小.
2.）布局-Layout過程用于設置視圖在屏幕中顯示的位置，View layout過程相關方法主要要三個：
public void layout(int l, int t, int r, int b) protected boolean setFrame(int left, int top, int right, int bottom) protected void onLayout(boolean changed, int left, int top, int right, int bottom)
layout通過調用setFrame（l,t,r,b），l,t,r,b即子視圖在父視圖中的具體位置，onLayout一般只會在自定義ViewGroup中才會使用
3.)繪制-draw過程主要用于利用前兩步得到的參數(shù)，將視圖顯示在屏幕上，到這里也就完成了整個的視圖繪制工作。
public void draw(Canvas canvas) protected void onDraw(Canvas canvas)
通過調用draw函數(shù)進行視圖繪制，在View類中onDraw函數(shù)是個空函數(shù)，最終的繪制需求需要在自定義的onDraw函數(shù)中進行實現(xiàn)，比如ImageView完成圖片的繪制，如果自定義ViewGroup這個函數(shù)則不需要重載。
自定義控件示例：
這里先介紹繼承View的方式為例，其實ViewGroup最終的繼承的也是View。這里 模擬一個需求場景，需要一個圓形顯示百分比。
public class PercentView extends View {
private final static String TAG = PercentView.class.getSimpleName();
private Paint mPaint;
public PercentView(Context context) {
super(context);
}
public PercentView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public PercentView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
Log.e(TAG, "onMeasure--widthMode-->" + widthMode);
switch (widthMode) {
case MeasureSpec.EXACTLY:
break;
case MeasureSpec.AT_MOST:
break;
case MeasureSpec.UNSPECIFIED:
break;
}
Log.e(TAG, "onMeasure--widthSize-->" + widthSize);
Log.e(TAG, "onMeasure--heightMode-->" + heightMode);
Log.e(TAG, "onMeasure--heightSize-->" + heightSize);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
Log.e(TAG, "onLayout");
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(Color.GRAY);
// FILL填充, STROKE描邊,FILL_AND_STROKE填充和描邊
mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
int with = getWidth();
int height = getHeight();
Log.e(TAG, "onDraw---->" + with + "*" + height);
float radius = with / 4;
canvas.drawCircle(with / 2, with / 2, radius, mPaint);
mPaint.setColor(Color.BLUE);
RectF oval = new RectF(with / 2 - radius, with / 2 - radius, with / 2
+ radius, with / 2 + radius); //用于定義的圓弧的形狀和大小的界限
canvas.drawArc(oval, 270, 120, true, mPaint); //根據(jù)進度畫圓弧
}
}
在布局中如何使用
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.whoislcj.views.PercentView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="10dp" /> </LinearLayout>
顯示效果：
如果布局文件改成
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.whoislcj.views.PercentView android:layout_width="150dp" android:layout_height="150dp" android:layout_margin="10dp" /> </LinearLayout>
顯示效果變成
總結：
本篇主要介紹Android自定義控件的基本繪制原理，會在下一篇中介紹如何自定義屬性。希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
Android學習筆記之AndroidManifest.xml文件解析(詳解)
這篇文章主要介紹了Android學習筆記之AndroidManifest.xml文件解析,需要的朋友可以參考下2015-10-10
android獲取當前接入點信息判斷是ctwap還是ctnet實例代碼
這篇文章主要介紹了android獲取當前接入點信息判斷是ctwap還是ctnet的方法，大家參考使用吧2013-11-11
Android PopupWindow實現(xiàn)左側彈窗效果
這篇文章主要為大家詳細介紹了Android PopupWindow實現(xiàn)左側彈窗效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了在Android中對于圖片的選擇與上傳方法,本文介紹了ImagePicker的相關使用教程,學習Android的同學進來看看吧2021-08-08
這篇文章主要介紹了Android提高之Activity+Intent用法,是很實用的功能,需要的朋友可以參考下2014-08-08
Android 兩個ViewPager的聯(lián)動效果的實現(xiàn)
這篇文章主要介紹了Android 兩個ViewPager的聯(lián)動效果的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Android自定義dialog可選擇展示年月日時間選擇欄，非常不錯，具有參考借鑒價值，需要的的朋友參考下2017-03-03
為了保護用戶信息的安全性，開始使用通過服務器向用戶發(fā)送驗證碼的方式，接下來通過本文給大家介紹android獲取短信驗證碼的實現(xiàn)方法，非常不錯，感興趣的朋友一起看看吧2016-09-09
Android基于AdapterViewFlipper實現(xiàn)的圖片/文字輪播動畫控件
這篇文章主要介紹了Android基于AdapterViewFlipper實現(xiàn)的圖片/文字輪播動畫控件，幫助大家更好的理解和學習使用Android開發(fā)，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了Java實現(xiàn)Andriod帶看括弧的計算器代碼的相關資料,需要的朋友可以參考下2016-03-03