Segmented progress bar

[Paget96]

Would be pretty awesome if we can set the number of segments of the bar.

https://hiinteractive.outsystemscloud.com/HiComponentsGifs/img/HiComponentsGifs.HiArcGraph.gif

[matejsemancik]

Thanks for suggestion

[Paget96]

I already do made the view with your library

<RelativeLayout android:id="@+id/progress_holder" android:layout_width="164dp" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="24dp">

    <app.futured.donut.DonutProgressView
        android:id="@+id/progress_segment_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        app:donut_bgLineColor="?attr/colorSurfaceVariant"
        app:donut_direction="anticlockwise"
        app:donut_gapAngle="-20"
        app:donut_gapWidth="420"
        app:donut_strokeWidth="10dp" />

    <app.futured.donut.DonutProgressView
        android:id="@+id/progress_segment_two"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        app:donut_bgLineColor="?attr/colorSurfaceVariant"
        app:donut_direction="anticlockwise"
        app:donut_gapAngle="53"
        app:donut_gapWidth="420"
        app:donut_strokeWidth="10dp" />

    <app.futured.donut.DonutProgressView
        android:id="@+id/progress_segment_three"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        app:donut_bgLineColor="?attr/colorSurfaceVariant"
        app:donut_direction="anticlockwise"
        app:donut_gapAngle="127"
        app:donut_gapWidth="420"
        app:donut_strokeWidth="10dp" />

    <app.futured.donut.DonutProgressView
        android:id="@+id/progress_segment_four"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        app:donut_bgLineColor="?attr/colorSurfaceVariant"
        app:donut_direction="anticlockwise"
        app:donut_gapAngle="200"
        app:donut_gapWidth="420"
        app:donut_strokeWidth="10dp" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:id="@+id/percentage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/unknown"
            android:textSize="28sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/unknown"
            android:textSize="11sp" />

    </LinearLayout>
</RelativeLayout>

On Wed, 21 Sept 2022, 13:54 Matej Semančík, @.***> wrote:

Thanks for suggestion

— Reply to this email directly, view it on GitHub https://github.com/futuredapp/donut/issues/90#issuecomment-1253599192, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACQHFBMZVRPGNW62XLLAJRLV7LZNRANCNFSM6AAAAAAQPUPTEM . You are receiving this because you authored the thread.Message ID: @.***>