[안드로이드] 원형 프로그레스바 사용법 및 그라데이션 적용

---

원형 프로그레스바 사용법과 그라데이션 효과 적용 및 컬러 변경방법입니다.
제가 사용한 방법은 원형 프로그레스바를 RelativeLayout으로 두 프로그레스바를 겹쳐 사용하는 방식입니다.
우선 res -> drawable에 2가지 xml을 작성합니다.

<circular_progress_background.xml>

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/progress">
        <rotate
            android:fromDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%"
            android:toDegrees="270" >
            <shape
                android:innerRadius="64dp"
                android:useLevel="true"
                android:shape="ring"
                android:thickness="10dp" >
                <gradient
                    android:centerColor="@color/color_ffffff"
                    android:endColor="@color/color_ffffff"
                    android:startColor="@color/color_ffffff"
                    android:type="sweep" />
            </shape>
        </rotate>
    </item>

</layer-list>

<circular_progress_foreground.xml>

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/progress">
        <rotate
            android:fromDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%"
            android:toDegrees="270" >
            <shape
                android:innerRadius="64dp"
                android:useLevel="true"
                android:shape="ring"
                android:thickness="10dp" >
                <gradient
                    android:startColor="@color/color_edf436"
                    android:endColor="@color/color_3aedf4"
                    android:type="sweep" />
            </shape>
        </rotate>
    </item>

</layer-list>

android:startColor, android:endColor, android:centerColo로 그라데이션 효과를 적용할 수 있습니다
그 다음 res -> layout 폴더에 xml 파일 하나를 작성합니다.

<activityCircularProgressbar.xml>

<RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp" >

            <ProgressBar
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="148dp"
                android:layout_height="148dp"
                android:layout_centerInParent="true"
                android:indeterminate="false"
                android:progress="100"
                android:progressDrawable="@drawable/circular_progress_background" />

            <ProgressBar
                android:id="@+id/cpb"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="148dp"
                android:layout_height="148dp"
                android:layout_centerInParent="true"
                android:indeterminate="false"
                android:progressDrawable="@drawable/circular_progress_foreground" />
</RelativeLayout>

 

[결과 화면]