Android常見(jiàn)的自定義控件有三種方式：
- 繼承View
- 繼承原有的控件坡氯，在原有控件的基礎(chǔ)上進(jìn)行修改
- 重新拼裝組合
今天先來(lái)簡(jiǎn)單說(shuō)一說(shuō)第一種也是最復(fù)雜的一種~~ 剩下的下次再說(shuō)~~
繼承View宣蠕，重寫(xiě)onDraw方法，但是注意采用這種方式需要自己在代碼中來(lái)支持熟悉的wrap_content姐浮、padding屬性。
1、想好需要自定義的屬性，在values下創(chuàng)建一個(gè)attrs.xml扒怖，這里我就演示一個(gè)簡(jiǎn)單的顏色，自定義一個(gè)屬性集合业稼，命名為CustomView，有一個(gè)格式為color的屬性custom_color
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="CustomView">
<attr name="custom_color" format="color"></attr>
</declare-styleable>
</resources>
2蚂蕴、自定義View
public class CustomView extends View {
private Paint mPaint = new Paint();// 創(chuàng)建一個(gè)畫(huà)筆;
private int mColor = Color.RED; //默認(rèn)為紅色
public CustomView(Context context) {
super(context);
}
public CustomView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//加載自定義屬性集合CustomView
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomView);
//解析CustomView中自定義的屬性custom_color低散，id為R.styleable.CustomView_custom_color俯邓，如果沒(méi)有就默認(rèn)為紅色
mColor = a.getColor(R.styleable.CustomView_custom_color, Color.RED);
//釋放資源，方便下次使用
a.recycle();
//初始化畫(huà)筆的參數(shù)
mPaint.setColor(mColor);// 設(shè)置畫(huà)筆顏色
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawCircle(100, 100, 50, mPaint);// 用畫(huà)筆在畫(huà)布上添加一個(gè)圓
}
}
3熔号、布局中使用稽鞭，注意這里使用的時(shí)候一定要用全類(lèi)名，要想用自定義屬性引镊，必須在布局中加入如下代碼朦蕴，這樣自定義屬性就可以用app打頭:
xmlns:app="http://schemas.android.com/apk/res-auto"
設(shè)置寬高為match_parent，并設(shè)置了背景色和自定顏色
<com.example.administrator.diyview.CustomView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#123456"
app:custom_color="#000000" />
4弟头、運(yùn)行效果圖
顯示的是一個(gè)青色的背景和一個(gè)黑色的圓
5吩抓、注意：
這種方式無(wú)論怎么設(shè)置padding的值或者更改寬和高為wrap_content，執(zhí)行效果都如上赴恨，原因就如開(kāi)頭所說(shuō)疹娶，需要自己處理，那么如何處理呢伦连？
（1） 處理padding
在android:layout_width 和 android:layout_height 都為 match_parent 時(shí)雨饺，我們考慮一下左邊和上邊的padding
<com.example.administrator.diyview.CustomView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#123456"
android:paddingLeft="100dp"
android:paddingTop="100dp"
app:custom_color="#000000" />
在onDraw()方法中設(shè)置padding
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int paddingLeft = getPaddingLeft();
int paddingTop = getPaddingTop();
canvas.drawCircle(paddingLeft + 100, paddingTop + 100, 50, mPaint);
}
運(yùn)行效果：
（2）處理wrap_content
為什么要單獨(dú)處理wrap_content呢？這和View的工作原理有關(guān)惑淳，View經(jīng)過(guò)measure额港、layout和draw顯示出來(lái)，其中measure時(shí)需要用到MeasureSpec的變量（包含SpecMode和SpecSize）歧焦，其中SpecSize指定了特定測(cè)試模式下的大小移斩，SpecMode指定了測(cè)量的模式，分為三類(lèi)：
- UNSPECIFIED
父容器對(duì)View無(wú)任何限制倚舀，一般用于系統(tǒng)內(nèi)部 - EXACTLY
View的最終大小就是SpecSize指定的值叹哭，適用于指定具體大小和match_parent的形式 - AT_MOST
父容器指定了一個(gè)SpecSize，View不能超過(guò)它痕貌，適用于wrap_content
當(dāng)使用wrap_content時(shí)风罩，SpecSize其實(shí)就是父容器中可用空間的大小，即View的寬和高等于父容器當(dāng)前剩余的當(dāng)前剩余空間大小舵稠，和使用match_parent一樣超升，那么怎么處理？也很簡(jiǎn)單哺徊，只要重寫(xiě)onMeasure方法室琢，在AT_MOST模式時(shí)，設(shè)置一個(gè)具體的寬高即可：
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//獲取寬和高的SpecMode和SpecSize
int wSpecMode = MeasureSpec.getMode(widthMeasureSpec);
int wSpecSize = MeasureSpec.getSize(widthMeasureSpec);
int hSpecMode = MeasureSpec.getMode(heightMeasureSpec);
int hSpecSize = MeasureSpec.getSize(heightMeasureSpec);
//分別判斷寬高是否設(shè)置為wrap_content
if (wSpecMode == MeasureSpec.AT_MOST && hSpecMode == MeasureSpec.AT_MOST) {
//寬高都為wrap_content,直接指定為400
setMeasuredDimension(400, 400);
} else if (wSpecMode == MeasureSpec.AT_MOST) {
//只有寬為wrap_content,寬直接指定為400落追，高為獲取的SpecSize
setMeasuredDimension(400, hSpecSize);
} else if (hSpecMode == MeasureSpec.AT_MOST) {
//只有高為wrap_content,高直接指定為400盈滴，寬為獲取的SpecSize
setMeasuredDimension(wSpecSize, 400);
}
}
此時(shí)布局如下：
<com.example.administrator.diyview.CustomView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#123456"
android:paddingLeft="50dp"
android:paddingTop="50dp"
app:custom_color="#000000" />
運(yùn)行效果：
