How to divide a round progressbar into sections using xml or code?

Asked Aug 17 '18 at 08:04

Active Aug 17 '18 at 08:16

Viewed 148 times

I have my custom progressbar created:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="ring"
        android:innerRadiusRatio="3"
        android:thickness="10dp"
        android:useLevel="false">

        <solid android:color="@color/lightGrey" />
    </shape>
</item>
<item>
    <rotate
        android:fromDegrees="270"
        android:toDegrees="270">
        <shape
            android:innerRadiusRatio="3"
            android:shape="ring"
            android:thickness="10dp"
            android:useLevel="false">

            <gradient
                android:angle="0"
                android:startColor="@color/grey"
                android:endColor="@color/red"
                android:type="sweep"
                android:useLevel="false" />
        </shape>
    </rotate>
</item>

so the result is:

but I want to divide it in sections like this:

how can I do this using xml or drawing using canvas? I have to put sections in certain points

asked Aug 17 '18 at 08:04

Dennis

`Canvas#drawArc()` – pskink Aug 17 '18 at 08:07
@pskink can you provide some code please? – Dennis Aug 17 '18 at 08:15
whats unclear after reading the official documentation? – pskink Aug 17 '18 at 08:15
I have never used canvas – Dennis Aug 17 '18 at 08:17
ok, so what parameters passed to `Canvas#drawArc` you dont understand quite well? – pskink Aug 17 '18 at 08:19
I don't know where to put it, I simply want to put the dividers there, even statically. Dividers is just for graphical layout – Dennis Aug 17 '18 at 08:19
if you want to do that `"statically"` then simply use static image with those dividers – pskink Aug 17 '18 at 08:24
I'll try but I would prefer to do that via code – Dennis Aug 17 '18 at 09:10
Turri using canvas you drawing you will ger idea from this [link](https://stackoverflow.com/a/30873744/5995648), actually this link for horizontal progress bar but i am sure you will get idea about your circle progress bar OR as per @pskink comment you can set statically image for those divider. – Arbaz.in Aug 17 '18 at 10:50
if you want to do that in code then see the link in the above comment by Arbaz.in – pskink Aug 17 '18 at 12:33
I tried but without success making it circle – Dennis Aug 20 '18 at 07:29

How to divide a round progressbar into sections using xml or code?

0 Answers0