[Android] Custom Horizontal ProgressBar

 

사진처럼 내부 progressbar과 감싸고 있는 외부 bar의 곡률이 들어간 커스텀 progressbar를 만들어봅시다요.

넘모 간단간단

 

drawable/progressbar_horizontal_pink.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="8dp"/>
            <solid android:color="@color/background_color"/>
        </shape>
    </item>

    <item android:id="@android:id/progress">

        <scale android:scaleWidth="100%">
            <shape>
                <corners android:radius="8dp"/>
                <solid android:color="@color/progress_color"/>
            </shape>
        </scale>
    </item>
</layer-list>

 

적용할 view의 xml 내 코드

<ProgressBar
	...
    style="@style/Widget.AppCompat.ProgressBar.Horizontal"
    android:progressDrawable="@drawable/progressbar_horizontal_pink"
    android:max="100"
    android:progress="70"/>