Want to add dash style for inner ring

Question

Want to add dash style for inner ring

lieudd opened this issue 4 years ago · comments

I found I can not change progress ring style to dash style( progress ring is inner ring). If I set style = dash, i expect outer and inner ring are the same style, and progress change will change color of inner ring( it look a part of outer ring change color). I want it look that way( attachment). Expect you can help me find solution.

Luis Padron · Answer 1 · Mon Jul 13 2020 06:52:27 GMT+0800 (China Standard Time)

I'm not sure I understand your question.
Sorry for the late reply!

lieudd · Answer 2 · Mon Jul 13 2020 17:45:49 GMT+0800 (China Standard Time)

Hi @luispadron ,
It is simple question,so, how can I make a progress-ring like image above?
In my code, I am setup such as:
circularProgressRing.style = .dashed(pattern: [1.8, 8.0]) circularProgressRing.shouldShowValueText = false circularProgressRing.startAngle = 270 circularProgressRing.shouldDrawMinValueKnob = false circularProgressRing.innerRingColor = UIColor.green circularProgressRing.outerRingWidth = 15*ratioWidthByDevice circularProgressRing.innerRingWidth = circularProgressRing.outerRingWidth circularProgressRing.outerRingColor = Constants.circularOuterRingColor
But, the progress-ring is solid style( I expect a dash-style)

Luis Padron · Answer 3 · Mon Jul 13 2020 22:05:40 GMT+0800 (China Standard Time)

I see what you mean, the inner ring doesnt become dashed.
This has been the behavior since the inception of this lib. Since I am not longer actively working on the UIKit version of this lib I will take this feature into consideration for the newest version. In the meantime you can totally do this yourself if you make the inner ring take the dashed style as well. Recommend modifying UICircularRingLayer.

lieudd · Answer 4 · Fri Jul 17 2020 18:31:03 GMT+0800 (China Standard Time)

I see what you mean, the inner ring doesnt become dashed.
This has been the behavior since the inception of this lib. Since I am not longer actively working on the UIKit version of this lib I will take this feature into consideration for the newest version. In the meantime you can totally do this yourself if you make the inner ring take the dashed style as well. Recommend modifying UICircularRingLayer.

Thank you for the consideration