Android图形graphics--自定义TextView,onMeasure和onDraw

一：自定义属性

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <attr name="titleText1" format="string" />
    <attr name="titleTextColor1" format="color" />
    <attr name="titleTextSize1" format="dimension" />

    <declare-styleable name="CustomTitleView">
        <attr name="titleText1" />
        <attr name="titleTextColor1" />
        <attr name="titleTextSize1" />
    </declare-styleable>

</resources>

二：自定义控件

public class CustomTitleView extends View
{
	/**
	 * 文本
	 */
	private String mTitleText;
	/**
	 * 文本的颜色
	 */
	private int mTitleTextColor;
	/**
	 * 文本的大小
	 */
	private int mTitleTextSize;

	/**
	 * 绘制时控制文本绘制的范围
	 */
	private Rect mBound;
	private Paint mPaint;

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

	public CustomTitleView(Context context)
	{
		this(context, null);
	}

	/**
	 * 获得我自定义的样式属性
	 *
	 * @param context
	 * @param attrs
	 * @param defStyle
	 */
	public CustomTitleView(Context context, AttributeSet attrs, int defStyle)
	{
		super(context, attrs, defStyle);
		/**
		 * 获得我们所定义的自定义样式属性
		 */
		TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CustomTitleView, defStyle, 0);
		int n = a.getIndexCount();//获取属性的数量
		for (int i = 0; i < n; i++)
		{
			int attr = a.getIndex(i);
			switch (attr)
			{
				case R.styleable.CustomTitleView_titleText1:
					mTitleText = a.getString(attr);
					break;
				case R.styleable.CustomTitleView_titleTextColor1:
					// 默认颜色设置为黑色
					mTitleTextColor = a.getColor(attr, Color.BLACK);
					break;
				case R.styleable.CustomTitleView_titleTextSize1:
					// 默认设置为16sp，TypeValue.applyDimension可以把任何单位转化为px，第一个参数是单位，第二个参数是第一个参数下的值，返回值就是px
					mTitleTextSize = a.getDimensionPixelSize(attr,
							(int) TypedValue.applyDimension(
									TypedValue.COMPLEX_UNIT_SP, 8, getResources().getDisplayMetrics())
					);//同样是获取布局文件中指定的尺寸，不是8
					break;

			}

		}
		a.recycle();//不要忘记回收资源

		/**
		 * 获得绘制文本的宽和高
		 */
		mPaint = new Paint();
		mPaint.setTextSize(mTitleTextSize);
		// mPaint.setColor(mTitleTextColor);
		mBound = new Rect();//Rect表示一块矩形区域
		//用最小的矩形包裹字符串，第一个参数是要测量包裹的字符串；第二个参数是开始测量的字符串的第一个字符的索引；
		// 第三个参数是字符串中最后一个字符的索引加1；第四个参数用于包裹字符串的矩形
		mPaint.getTextBounds(mTitleText, 0, mTitleText.length(), mBound);

		this.setOnClickListener(new OnClickListener()
		{

			@Override
			public void onClick(View v)
			{
				mTitleText = randomText();
				//界面刷新,可在任意工作线程调用，但是不保证立刻刷新，只是尽可能快的刷新，类似的有invalidate()只能在UI线程调用
				postInvalidate();
			}

		});

	}
	private String randomText()
	{
		Random random = new Random();
		Set<Integer> set = new HashSet<Integer>();
		while (set.size() < 4)
		{
			int randomInt = random.nextInt(10);
			set.add(randomInt);
		}
		StringBuffer sb = new StringBuffer();
		for (Integer i : set)
		{
			sb.append("" + i);
		}

		return sb.toString();
	}
	/**
	 * 当我们设置明确的宽度和高度时，系统帮我们测量的结果就是我们设置的结果，
	 * 当我们设置为WRAP_CONTENT,或者MATCH_PARENT系统帮我们测量的结果就是MATCH_PARENT的长度。
	 */
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
	{
		// super.onMeasure(widthMeasureSpec, heightMeasureSpec);

		int width = 0;
		int height = 0;
		/**
		 * MeasureSpec封装了父布局传递给子布局的布局要求，每个MeasureSpec代表了一组宽度和高度的要求。
		 * MeasureSpec.getMode()的返回值分别是:
		 * 		EXACTLY：一般是在布局文件中设置了明确的值或MATCH_PARENT;
		 * 		AT_MOST：表示子布局限制在一个最大值内，一般为WARP_CONTENT;
		 * 		UNSPECIFIED：表示子布局想要多大就多大，很少使用;
		 * MeasureSpec.getSize()获取宽或高的大小。
		 *
		 * padding：视图内容和视图边框的距离叫补距，测量视图是需考虑上下左右的补距离
		 */

		/**
		 * 设置宽度
		 */
		int specMode = MeasureSpec.getMode(widthMeasureSpec);
		int specSize = MeasureSpec.getSize(widthMeasureSpec);//单位是像素，不包括补距离padding
		switch (specMode)
		{
			case MeasureSpec.EXACTLY:// 明确指定了
				width = getPaddingLeft() + getPaddingRight() + specSize;
				break;
			case MeasureSpec.AT_MOST:// 一般为WARP_CONTENT
				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;
		}
		//设置view的大小,方法内部会给measuredWidth和measuredHeight赋值
		setMeasuredDimension(width, height);

	}

	@Override
	protected void onDraw(Canvas canvas)
	{
		mPaint.setColor(Color.YELLOW);
//		一般在自定义控件的时候getMeasuredWidth/getMeasuredHeight它的赋值在View的setMeasuredDimension中，
//		所以有时可以在onMeasure方法中看到利用getMeasuredWidth/getMeasuredHeight初始化别的参数。
//		而getWidth/getHeight一直在onLayout完成后才会被赋值。一般情况下，如果都完成了赋值，两者值是相同的
		canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), mPaint);

		mPaint.setColor(mTitleTextColor);
		//在当前view中画出文本，drawText画文本的起点坐标是文本的左下角
		canvas.drawText(mTitleText, getWidth() / 2 - mBound.width() / 2, getHeight() / 2 + mBound.height() / 2, mPaint);
	}
}

三：在布局文件中使用自定义控件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.mycompany.mytextview.MainActivity">

    <com.mycompany.mytextview.CustomTitleView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:layout_centerInParent="true"
        custom:titleText1="3712"
        custom:titleTextColor1="#ff0000"
        custom:titleTextSize1="40sp" />
</RelativeLayout>