Android Api Demos登顶之路（104）View-->Custom

/*这个demo演示了如何使用自定义的View。在本例中自定义了一个LableView，并且自定义了
 * text、textColor、textSize三个自定义的属性*/
public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }


}

在resource/values目录下新建attrs.xml创建自定义属性：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="LabelView">
        <attr name="text" format="string"/>
        <attr name="textColor" format="color"/>
        <attr name="textSize" format="dimension"/>
    </declare-styleable>
</resources>

创建自定义视图LabelView

public class LabelView extends View {
    private Paint mTextPaint;
    // 需要绘制的文本
    private String mText;
    // 文本的基准线至最高点的距离
    private int mAscent;

    public LabelView(Context context) {
        super(context);
        initLabelView();
    }

    // 重写该方法是为了在layout中使用自定义的属性
    public LabelView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initLabelView();

        // 获取到自定义的属性集合
        TypedArray a = context.obtainStyledAttributes(attrs,
                R.styleable.LabelView);
        // 获取text属性的值
        CharSequence s = a.getString(R.styleable.LabelView_text);
        if (s != null) {
            setText(s.toString());
        }

        setTextColor(a.getColor(R.styleable.LabelView_textColor, 0xff000000));

        int textSize = a.getDimensionPixelOffset(
                R.styleable.LabelView_textSize, 0);
        if (textSize > 0) {
            setTextSize(textSize);
        }

        // 注意用完之后一定要回收属性集合
        a.recycle();
    }

    private void setTextSize(int textSize) {
        mTextPaint.setTextSize(textSize);
        requestLayout();
        invalidate();
    }

    private void setTextColor(int color) {
        mTextPaint.setColor(color);
        invalidate();
    }

    private void setText(String text) {
        mText = text;
        // view显示的文本发生变化，需要重新绘制，并改变layout的布局
        requestLayout();
        invalidate();
    }

    private void initLabelView() {
        mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        // 将大小转化为适合当前屏幕的尺寸
        mTextPaint.setTextSize(16 * getResources().getDisplayMetrics().density);
        mTextPaint.setColor(Color.BLACK);
        setPadding(3, 3, 3, 3);
    }

    /*
     * widthMeasureSpec是由父窗体传入的根据父窗体的布局、边距等属性计算出的子View的大小。
     * 该值由高32位和低16位组成，高32位用来表示specMode：共有三个值：MeasureSpec.EXACTLY、
     * MeasureSpec.AT_MOST、MeasureSpec.UNSPECIFIED
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(measureWidth(widthMeasureSpec),
                measureHeight(heightMeasureSpec));
    }

    private int measureHeight(int measureSpec) {
        int result = 0;
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);

        mAscent=(int) mTextPaint.ascent();
        System.out.println("ascent:"+mAscent);
        //父视图希望子视图的大小应该是specSize中指定的。
        if (specMode == MeasureSpec.EXACTLY) {
            result = specSize;
        } else {
            result = (int) (-mAscent+mTextPaint.descent() + getPaddingBottom() + getPaddingTop());
            if(specMode==MeasureSpec.AT_MOST){
                result=Math.min(result, specSize);
            }
        }
        return result;
    }

    private int measureWidth(int measureSpec) {
        int result = 0;
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);

        if (specMode == MeasureSpec.EXACTLY) {
            result = specSize;
        } else {
            result = (int) (mTextPaint.measureText(mText) + getPaddingLeft() + getPaddingRight());
            if(specMode==MeasureSpec.AT_MOST){
                result=Math.min(result, specSize);
            }
        }
        return result;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawText(mText, getPaddingLeft(), getPaddingTop()-mAscent, mTextPaint);
    }

}

在布局文件中应用自定义视图

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:lab="http://schemas.android.com/apk/res/com.fishtosky.customview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.fishtosky.customview.LabelView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ffff0000"
        lab:text="Red" />
    <com.fishtosky.customview.LabelView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ff0000ff"
        lab:text="Blue" 
        lab:textSize="20sp"/>
    <com.fishtosky.customview.LabelView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ff00ff00"
        lab:text="Green"
        lab:textColor="#ffffffff" />

</LinearLayout>