自定义TextView实现艺术体

         今天自定义TextView实现艺术字体，开始将attrs文件创建起，将所有的数据类型写好，再Xml文件引用即可，但在添加字体文件时遇到些问题，它和Eclipse中创建assets文件位置不样，要在src/main/创建。

而且创建好了还是不能用，哎，真烦，太麻烦了，到处找资源，终于皇天不负有心人啊，最中找到了，要在XXX.Iml文件中去配置

好，需要配置的我们已经差不多完了，下面我们进行实战演练。

首先要在values文件夹创建attrs文件，

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--定义控件名称所对应的数据类型-->
    <attr name="titleText" format="string" />
    <attr name="titleTextColor" format="color" />
    <attr name="titleTextSize" format="dimension" />
     <!--定义控件名称，和所包含的具体类型名称-->
    <declare-styleable name="MyTextView">
        <attr name="titleText" />
        <attr name="titleTextColor" />
        <attr name="titleTextSize" />
    </declare-styleable>
</resources>

在次我们开始写代码，

public class MyTextView extends View {
    /**
     * 文本
     */
    private String titleText;
    /**
     * 文本的颜色
     */
    private int titleTextColor;
    /**
     * 文本大小
     */
    private int titleTextSize;
    /**
     * 绘制时控制文本绘制的范围
     */
    private Rect bound;
    /**
     * 设置画笔
     */
    private Paint paint;
    Typeface typeFace;

    public MyTextView(Context context) {
        super(context);
    }

    public MyTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        /**
         * 获取我们所自定义样式的属性
         * */
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyTextView);
        //在assets文件夹中获取到fonts/CC.ttf字体文件
        typeFace = Typeface.createFromAsset(context.getAssets(), "fonts/CC.ttf");

        int count = typedArray.getIndexCount();
        for (int i = 0; i < count; i++) {
            int attr = typedArray.getIndex(i);
            switch (attr) {
                case R.styleable.MyTextView_titleText:
                    titleText = typedArray.getString(attr);
                    break;
                case R.styleable.MyTextView_titleTextColor:
                    //设置默认颜色为黑色
                    titleTextColor = typedArray.getColor(attr, Color.GREEN);
                    break;
                case R.styleable.MyTextView_titleTextSize:
                    //默认设置为16sp，TypeValue也可以把sp转化为Px
                    titleTextSize = typedArray.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
                    break;
            }
        }
        //回收内存
        typedArray.recycle();
        /**
         * 获得绘制文本的宽和高
         */
        paint = new Paint();
        paint.setTextSize(titleTextSize);
        bound = new Rect();
        paint.getTextBounds(titleText, 0, titleText.length(), bound);

    }

    public MyTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        //MeasureSpec的specMode，一共三类型。
        //EXACTLY:一般是设置了明确的值或者是MATCH_PARENT。
        //AT_MOST:表示子布局限制在一个最大值内，一般为WARP_CONTENT。
        //UNSPECIFIED:表示子布局想要多大就多大，这个很少用.

        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heigthMode = MeasureSpec.getMode(heightMeasureSpec);
        int heigthSize = MeasureSpec.getSize(heightMeasureSpec);

        int width;
        int height;

        if (widthMode == MeasureSpec.EXACTLY) {
            width = widthSize;
        } else {
            paint.setTextSize(titleTextSize);
            //将字体设置在矩形中
            paint.getTextBounds(titleText, 0, titleText.length(), bound);
            //得到矩形高度
            float textwidth = bound.width();
            int desired = (int) (getPaddingLeft() + textwidth + getPaddingRight());
            width = desired;
        }

        if (heigthMode == MeasureSpec.EXACTLY) {
            height = heigthSize;
        } else {
            paint.setTextSize(titleTextSize);
            paint.getTextBounds(titleText, 0, titleText.length(), bound);
            float textHeigth = bound.height();
            int desird = (int) (getPaddingTop() + textHeigth + getPaddingBottom());
            height = desird;
        }
        //将计算出来的大小来保存到设置，系统会获取到值在进行画控件。
        setMeasuredDimension(width, height);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        paint.setColor(Color.GREEN);
        canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), paint);
        paint.setColor(titleTextColor);
        //设置字体
        paint.setTypeface(typeFace);
        canvas.drawText(titleText, getWidth() / 2 - bound.width() / 2, getHeight() / 2 + bound.height() / 2, paint);
    }
}

好了，我们应该在布局文件中将attrs文件引入

在布局文件中使用此控件，

 <com.tesedome.view.MyTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:titleText="我是一朵花。"
        app:titleTextColor="#ffffa272"
        app:titleTextSize="50sp"
        />

好啦，我们费了这么大的功夫终于可以看我们实现的效果啦。