Android-高级-UI-进阶之路-(五)-看完该篇文章-Canvas-你应该会了

最新推荐文章于 2024-04-22 18:07:57 发布

erhtre

最新推荐文章于 2024-04-22 18:07:57 发布

阅读量787

点赞数 7

分类专栏：程序员文章标签： android ui

本文链接：https://blog.csdn.net/erhtre/article/details/137805057

版权

本文详细介绍了 Android 中 Canvas 的高级用法，包括绘制 Bitmap、Text、弧形、圆角矩形、变换、裁剪、保存与恢复等。通过实例展示了如何利用 Canvas 进行图形绘制，如绘制圆、圆角矩形、弧形，并探讨了变换操作如 translate、scale、rotate 和 skew。此外，还讲解了如何使用 Matrix 进行更复杂的图形变换。文章以一个时钟绘制示例结束，帮助读者深入理解 Canvas 的实际应用。

摘要由CSDN通过智能技术生成

void drawCircle(float cx, float cy, float radius, @NonNull Paint paint)

/**

1. 绘制椭圆
*/
canvas.drawOval(RectF(100f,500f,600f,800f),mPaint)

/**

2. 绘制圆
*/
mPaint.setColor(Color.YELLOW)
mPaint.alpha = 100
canvas.drawCircle(400f,400f,200f,mPaint)

绘制 Bitmap

//
val bitmap = BitmapFactory.decodeResource(context.resources, R.mipmap.gild_3)
//第二个，第三个参数代表起点位置
canvas.drawBitmap(bitmap,100f,100f,mPaint)

绘制 Text

//1.
void drawText(@NonNull char[] text, int index, int count, float x, float y,
@NonNull Paint paint)
//2.
void drawText(@NonNull String text, float x, float y, @NonNull Paint paint)
//3.
void drawText(@NonNull String text, int start, int end, float x, float y,
@NonNull Paint paint)
//4.
void drawText(@NonNull CharSequence text, int start, int end, float x, float y,
@NonNull Paint paint)

/**

取 0 ~ 5 位置的 text 进行绘制
*/
mPaint.textSize = 100f
canvas.drawText(charArrayOf(‘1’,‘2’,‘3’,‘4’,‘5’),0,5,200f,200f,mPaint)

/**

*/
canvas.drawText(“12345”,300f,300f,mPaint)

/**

3.取 0 ~ 5 位置的 text 进行绘制
*/
canvas.drawText(“12345”,0,5,400f,400f,mPaint)

根据路径绘制 Text

//从 hOffset 向外偏移 vOffset px 来绘制 text
void drawTextOnPath(@NonNull String text, @NonNull Path path, float hOffset,
float vOffset, @NonNull Paint paint)
复制代码

mPaint.setColor(Color.GREEN)
mPaint.alpha = 100

mPaint.textSize = 100f
var path = Path()
//1. 设置起始点
path.moveTo(300f, 300f)
//2. 第二条线的起点就是moveTo 设置的启动
path.lineTo(300f,500f)
//3. 第三条线的起点就是第二条的终点，依次类推
path.lineTo(500f,800f)
path.lineTo(800f,200f)
//4. 闭合
path.close()
canvas.drawPath(path,mPaint)
//从0偏移100px的像素
canvas.drawTextOnPath(“12345asodnaspdnfpoashfeuinfapjn”,path,0f,100f,mPaint)

绘制弧/扇形

//1.
void drawArc(@NonNull RectF oval, float startAngle, float sweepAngle, boolean useCenter,
@NonNull Paint paint)
//2.
void drawArc(float left, float top, float right, float bottom, float startAngle,
float sweepAngle, boolean useCenter, @NonNull Paint paint)