android 自定义view

添加自定义view步骤

1、自定义View的属性  修改attrs.xml 文件  添加 declare-styleable

attrs.xml

    <declare-styleable name="MyView">  
        <attr name="myText" format="string"/>  
        <attr name="myColor" format="color"/>  
        <attr name="mySize"  format="dimension"/>  
    </declare-styleable> 

2、在View的构造方法中获得我们自定义的属性

public class MyView extends View {

private String myText;
private int myColor;
private int mySize;
private Paint mPaint;
private Rect mBound;


public MyView(Context context) {
super(context);
}
public MyView(Context context, AttributeSet attrs) {
this(context, attrs,0);
}


public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray ta = context.getTheme().obtainStyledAttributes(attrs, R.styleable.MyView, defStyleAttr,0);
int n = ta.getIndexCount();
for (int i = 0; i < n; i++) {
int attr = ta.getIndex(i);
switch (attr) {
case R.styleable.MyView_myText:
myText = ta.getString(attr);
break;
case R.styleable.MyView_myColor:
myColor = ta.getColor(attr, android.graphics.Color.BLUE);
break;
case R.styleable.MyView_mySize:
mySize = ta.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(
TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
break;
default:
break;
}
}
ta.recycle();   

mPaint = new Paint();
mPaint.setTextSize(mySize);
// mPaint.setColor(mTitleTextColor);
mBound = new Rect();
mPaint.getTextBounds(myText, 0, myText.length(), mBound);
this.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
myText = "11121";
myColor = Color.RED;  
postInvalidate();
}
});
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
// super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int width = 0;
int height = 0;
int specMode = MeasureSpec.getMode(widthMeasureSpec);
int specSize = MeasureSpec.getSize(widthMeasureSpec);
switch (specMode)
{
case MeasureSpec.EXACTLY:
width = getPaddingLeft() + getPaddingRight() + specSize;
break;
case MeasureSpec.AT_MOST:
width = getPaddingLeft() + getPaddingRight() + mBound.width();
break;
}
specMode = MeasureSpec.getMode(heightMeasureSpec);
specSize = MeasureSpec.getSize(heightMeasureSpec);
switch (specMode)
{
case MeasureSpec.EXACTLY:
height = getPaddingTop() + getPaddingBottom() + specSize;
break;
case MeasureSpec.AT_MOST:// WARP_CONTENT
height = getPaddingTop() + getPaddingBottom() + mBound.height();
break;
}
setMeasuredDimension(width, height);
}


@Override
protected void onDraw(Canvas canvas)
{
mPaint.setColor(Color.GREEN);  
canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), mPaint); // ��ͼ��


mPaint.setColor(myColor); 
canvas.drawText(myText, getWidth() / 2 - mBound.width() / 2, getHeight() / 2 + mBound.height() / 2, mPaint);
}
}

[ 3、重写onMesure ]

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
// super.onMeasure(widthMeasureSpec, heightMeasureSpec);


int width = 0;
int height = 0;


int specMode = MeasureSpec.getMode(widthMeasureSpec);
int specSize = MeasureSpec.getSize(widthMeasureSpec);
switch (specMode)
{
case MeasureSpec.EXACTLY:
width = getPaddingLeft() + getPaddingRight() + specSize;
break;
case MeasureSpec.AT_MOST:
width = getPaddingLeft() + getPaddingRight() + mBound.width();
break;
}


specMode = MeasureSpec.getMode(heightMeasureSpec);
specSize = MeasureSpec.getSize(heightMeasureSpec);
switch (specMode)
{
case MeasureSpec.EXACTLY:
height = getPaddingTop() + getPaddingBottom() + specSize;
break;
case MeasureSpec.AT_MOST:// WARP_CONTENT
height = getPaddingTop() + getPaddingBottom() + mBound.height();
break;
}


setMeasuredDimension(width, height);


}

4、重写onDraw

@Override
protected void onDraw(Canvas canvas)
{
mPaint.setColor(Color.GREEN);  
canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), mPaint); // ��ͼ��


mPaint.setColor(myColor); 
canvas.drawText(myText, getWidth() / 2 - mBound.width() / 2, getHeight() / 2 + mBound.height() / 2, mPaint);
}

注意 

1.TypedArray 对象使用完后必须释放 ta.recycle();   

2.当xml中用到values/attrs 下自定义属性  需要加   xmlns:custom="http://schemas.android.com/apk/res/com.xiaoyang.myandroiddemo"   res 后是包名

main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:custom="http://schemas.android.com/apk/res/com.xiaoyang.myandroiddemo"

     <com.xiaoyang.myandroiddemo.view.CustomTitleView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        custom:titleText="3712"
        android:padding="10dp"
        custom:titleTextColor="#ff0000"
        android:layout_centerInParent="true"
        custom:titleTextSize="40sp" />