[英]Corners does not work with ring shape in android drawable
I am trying to implement a simple circular progress bar.我正在尝试实现一个简单的圆形进度条。 It works fine, but I can't seem to be able to make the corners of the progress circle rounded.它工作正常,但我似乎无法使进度圈的角变圆。
I'm trying to achieve something like this:我正在努力实现这样的目标:
My code :我的代码:
<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape
android:thickness="3dp"
android:shape="ring"
android:type="sweep"
android:useLevel="false">
<solid android:color="@color/light_grey"/>
</shape>
</item>
<item android:id="@android:id/progress">
<rotate
android:fromDegrees="270"
android:toDegrees="270">
<shape
android:thickness="3dp"
android:shape="ring"
android:type="sweep"
android:useLevel="true">
<solid android:color="@color/green"/>
<corners android:radius="8dp"/> // --> this has no effect whatsoever
</shape>
</rotate>
</item>
</layer-list>
A little late but you can create a custom circular progress view like this有点晚了,但您可以像这样创建自定义循环进度视图
class CircularProgressView @JvmOverloads constructor(
context: Context,
attrs: AttributeSet? = null,
defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {
private lateinit var progressPaint: Paint
private lateinit var backgroundPaint: Paint
var max = MAX_PROGRESS
var progress = START_PROGRESS
set(value) {
angle = calculateAngle(value)
invalidate()
}
private val rect = RectF()
private var diameter = 0F
private var angle = 0F
init {
attrs?.let {
val typedArray = context.obtainStyledAttributes(it, R.styleable.CircularProgressView, 0, 0)
val stroke = typedArray.getDimension(R.styleable.CircularProgressView_stroke, context.resources.getDimension(R.dimen._1dp))
val backgroundColor = typedArray.getColor(R.styleable.CircularProgressView_backgroundColor, ContextCompat.getColor(context, R.color.gray))
val progressColor = typedArray.getColor(R.styleable.CircularProgressView_progressColor, ContextCompat.getColor(context, R.color.black))
progressPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
style = Paint.Style.STROKE
strokeWidth = stroke
color = progressColor
strokeCap = Paint.Cap.ROUND
}
backgroundPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
style = Paint.Style.STROKE
strokeWidth = stroke
color = backgroundColor
}
max = typedArray.getFloat(R.styleable.CircularProgressView_max, MAX_PROGRESS)
progress = typedArray.getFloat(R.styleable.CircularProgressView_progress, START_PROGRESS)
typedArray.recycle()
}
}
override fun onDraw(canvas: Canvas) {
drawCircle(MAX_ANGLE, canvas, backgroundPaint)
drawCircle(angle, canvas, progressPaint)
}
override fun onSizeChanged(width: Int, height: Int, oldWidth: Int, oldHeight: Int) {
diameter = width.coerceAtMost(height).toFloat()
updateRect()
}
fun setProgressColor(@ColorRes color: Int) {
progressPaint.color = ContextCompat.getColor(context, color)
invalidate()
}
fun setProgressBackgroundColor(@ColorRes color: Int) {
backgroundPaint.color = ContextCompat.getColor(context, color)
invalidate()
}
private fun updateRect() {
val strokeWidth = backgroundPaint.strokeWidth
rect.set(strokeWidth, strokeWidth, diameter - strokeWidth, diameter - strokeWidth)
}
private fun drawCircle(angle: Float, canvas: Canvas, paint: Paint) {
canvas.drawArc(rect, START_ANGLE, angle, false, paint)
}
private fun calculateAngle(progress: Float) = MAX_ANGLE / max * progress
companion object {
private const val START_ANGLE = -90F
private const val MAX_ANGLE = 360F
private const val MAX_PROGRESS = 100F
private const val START_PROGRESS = 0F
}
}
The attrs属性
<declare-styleable name="CircularProgressView">
<attr name="progress" format="float" />
<attr name="max" format="float" />
<attr name="stroke" format="dimension" />
<attr name="backgroundColor" format="color" />
<attr name="progressColor" format="color" />
</declare-styleable>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.