0

I’m developing an android app in java. The app should be a "modern" timer.

Right now I have a graphical interface with a circular progress bar.

    <ProgressBar
            android:id="@+id/clockbar"
            style="@style/Widget.AppCompat.ProgressBar"
            android:layout_width="424dp"
            android:layout_height="425dp"
            android:indeterminateDrawable="@drawable/circularprogressbardesign"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.538"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

This is the design of the progress bar

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android">
    android:fromDegrees="-90"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="270"
    <shape
        android:shape="ring"
        android:useLevel="false">
        <gradient
            android:type="sweep"
            android:useLevel="false"
            android:centerY="0.5"
            android:centerColor="#00fd1d1d"
            android:endColor="@color/orange"
            android:startColor="#00fd1d1d"
/>


    </shape>

</rotate>

So the current aspect of the progress bar is this:

Circular progress bar

I would like to create a kind of empty square, with the bar flowing in the edges.

Square-like form

How could i do?

0 Answers0