Android UI——Paint的使用

Paint是Android中实现画笔功能的组件,通过Paint我们可以在自定义控件中配合Cavans和Path等实现自己绘制想要的图形、文字等工具。

Paint的基本使用方法和技巧

基本使用

  • 创建 使用构造方法创建
Paint paint = new Paint();

基本API使用

//重置
    mPaint.reset();
    mPaint.setColor(Color.RED);
    mPaint.setAlpha(255);
    //设置画笔的样式
        mPaint.setStyle(Paint.Style.FILL);//填充内容
        mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
        mPaint.setStyle(Paint.Style.STROKE);//描边
    //画笔的宽度
        mPaint.setStrokeWidth(50);
    //线帽
        mPaint.setStrokeCap(Paint.Cap.BUTT);//没有
        mPaint.setStrokeCap(Paint.Cap.ROUND);//圆形
        mPaint.setStrokeCap(Paint.Cap.SQUARE);//方形
        
        mPaint.setStrokeJoin(Paint.Join.MITER);//锐角
        mPaint.setStrokeJoin(Paint.Join.ROUND);//圆弧
        mPaint.setStrokeJoin(Paint.Join.BEVEL);//直线
    //线段的连接处的样式
        mPaint.setStrokeJoin(Paint.Join.MITER);//锐角
        mPaint.setStrokeJoin(Paint.Join.ROUND);//圆弧
        mPaint.setStrokeJoin(Paint.Join.BEVEL);//直线

    //防锯齿,会损失一定的性能
        mPaint.setAntiAlias(true);
        //设置是否使用图像抖动处理,会使绘制的图片更加清晰以及饱满。会损失性能
                mPaint.setDither(true);

绘制文字

        //获得字符行间距
        mPaint.getFontSpacing();
        //获得字符之间的间距
        mPaint.getLetterSpacing();
        mPaint.setLetterSpacing(letterSpacing)//设置
        //设置文本删除线
        mPaint.setStrikeThruText(true);
        //是否设置下划线
        mPaint.setUnderlineText(true);
        //设置文本大小
        mPaint.setTextSize(textSize);
        mPaint.getTextSize();
        mPaint.setTypeface(Typeface.BOLD);//设置字体类型
        Typeface.ITALIC
        Typeface.create(familyName, style)//加载自定义字体
        //文字倾斜 默认0,官方推荐的-0.25f是斜体
        mPaint.setTextSkewX(-0.25f);
        //文本对齐方式
        mPaint.setTextAlign(Align.LEFT);
        mPaint.setTextAlign(Align.CENTER);
        mPaint.setTextAlign(Align.RIGHT);
        //计算制定长度的字符串(字符长度、字符个数、显示的时候真实的长度)
        int breadText = mPaint.breakText(text, measureForwards, maxWidth, measuredWidth)
        
        mPaint.setTextSize(50);
        float[] measuredWidth = new float[1];
        int breakText = mPaint.breakText(str, true, 200, measuredWidth);
        Log.i("RICKY", "breakText="+breakText+", str.length()="+str.length()+", measredWidth:"+measuredWidth[0]);
        
        // Rect bounds获取文本的矩形区域(宽高)
        mPaint.getTextBounds(text, index, count, bounds)
        mPaint.getTextBounds(text, start, end, bounds)
        
        //获取文本的宽度,和上面类似,但是是一个比较粗略的结果
        float measureText = mPaint.measureText(str);
        //获取文本的宽度,和上面类似,但是是比较精准的。
        float[] measuredWidth = new float[10];
        
        //measuredWidth得到每一个字符的宽度;textWidths字符数
        int textWidths = mPaint.getTextWidths(str, measuredWidth);
        mPaint.getTextWidths(text, start, end, widths)
        Log.i("RICKY", "measureText:"+measureText+", textWidths:"+textWidths);
        

绘制文字时基线的问题

        FontMetrics fontMetrics = mPaint.getFontMetrics();
    fontMetrics.top;
    fontMetrics.ascent;
    fontMetrics.descent;
    fontMetrics.bottom;
    所有的四个值都是以基线baseLine为基准来计算的。baseline以上的就是负的;以下的是正的。

在做自定义控件的时候canvas.drawText(x,y) 这个y并不是text的左上角,而是以baseline为基准的。
1)实例:指定左上角的顶点坐标 绘制文本
公式: float baselineY = Y - fontMetrics.top;(其中Y是要绘制文字的Y坐标)
2)实例:指定中间位置,绘制文本
公式: float baselineY = centerY + (fontMetrics.bottom-fontMetrics.top)/2 - fontMetrics.bottom

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 夜来几度宵寒,一帘烟雨春泥润。娇风往返,晓溪初露,清颜山嫩。岚倚楼台,画梅疏柳,东君堪准? 自万般柔情,倩姿千种,...
    青丘公子璟阅读 389评论 0 1
  • PS:其中1202-1206这五天的打卡记录,当天打卡时如下图,后来发现把微信名不小心写成书名了(后来又重新申请打...
    小鱼秧阅读 112评论 0 0
  • #新认知思考# 《 因为善良,我交了智商税 》 前几天,鲜少有人敲门的办公室有个陌生人敲门,一开门,只见一穿...
    古舒儿阅读 321评论 0 0