SeniorUI03_Paint及paint使用实例总结

高级UI技巧精讲

原创于 2018-05-26 14:55:54 发布 · 337 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#自定义Progress #drawArc #FontMetricsInt #文字居中 #画圆环

Android 专栏收录该内容

240 篇文章

订阅专栏

本文详细介绍了高级UI设计中常用的技术点，包括Paint的基本使用方法、环形饼图的绘制、动态破折线的实现等。通过具体实例，如CircleProgressBar、MyView等，深入浅出地讲解了画圆环、文字对齐、画路径效果等内容。

高级UI汇总
SeniorUI0301_Paint基本使用一（图形绘制、路径相关）
SeniorUI0302_Paint基本使用二（文字相关api）
SeniorUI0303_Paint基本使用三（FontMetrics文字对齐）
SeniorUI0304_环形饼图

##1 CircleProgressBar
代码：CircleProgressBar
这里写图片描述
画圆环：

canvas.drawArc(oval, 0 , 360 * progress / max, false, paint);

字体对齐：

Paint.FontMetricsInt fm = paint.getFontMetricsInt();
 canvas.drawText(strPercent, getWidth() / 2 - paint.measureText(strPercent) / 2 ,  getWidth() / 2  +(fm.bottom - fm.top)/2 - fm.bottom, paint);

2 Paint画路径相应效果
代码：MyView
这里写图片描述

3 环形饼图
这里写图片描述

4 动态破折线
代码：MyDashView
这里写图片描述

5 小黄人
代码：MinionView
这里写图片描述