Kotlin的自定义View,实现带弧形的进度条,安卓开发面试问题

本文介绍了如何在Android中使用Kotlin自定义一个带弧形的进度条组件,详细讲解了绘制背景和进度的逻辑,以及使用PorterDuffXfermode处理重叠效果。同时,讨论了延迟属性Lazy的使用和线程安全模式,并提到了@JvmOverloads注解在Java和Kotlin互操作中的作用。
摘要由CSDN通过智能技术生成

根据用户设置的宽高去绘制一个半径为高度一半的圆角矩形,注意要对padding属性进行处理,这部分就是背景,代码如下:

val halfHeight = height / 2f

val saveCount = canvas.saveLayer(0f, 0f, width.toFloat(), height.toFloat(), null)

// Draw background.

backgroundRectF.left = paddingStart.toFloat()

backgroundRectF.top = paddingTop.toFloat()

backgroundRectF.right = width - paddingEnd.toFloat()

backgroundRectF.bottom = height - paddingBottom.toFloat()

canvas.drawRoundRect(backgroundRectF, halfHeight, halfHeight, backgroundPaint)

在背景圆角矩形的左边绘制另外一个半径为高度一半的圆角矩形,宽高和背景圆角矩形一样,但是左右坐标会随着percent的增加而增加,绘制完毕后的表现就是往右移动,然后利用PorterDuffXfermode处理重叠部分,这部分就是进度,代码如下:

private val progressTextPaint by lazy {

TextPaint().apply {

isAntiAlias = true

isDither = true

style = Paint.Style.FILL

color = progressTextColor

}

}

// Draw progress.

progressRectF.left = -backgroundRectF.width() + percent * width

progressRectF.top = backgroundRectF.top

progressRectF.right = progressRectF.left + backgroundRectF.width()

progressRectF.bottom = backgroundRectF.bottom

canvas.drawRoundRect(progressRectF, halfHeight, halfHeight, progressPaint)

canvas.restoreToCount(saveCount)

根据用户需要绘制一个百分比文本,左右坐标也是随着percent增加而增加,绘制完毕后的表现也是向右移动,不过是位于进度条弧形的左边,注意要准确测量文字的宽高,代码如下:

if (isShowProgressText && percent >= 0.1f) {

progressTextPaint.run {

textSize = halfHeight

fontMetrics.let {

val progress

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值