[Java][Android] 프로그래스바 커스텀하기

이번 예제에서 프로그래스바를 커스텀 해 볼 예정입니다.

 

스틱코드라는 플러그인을 이용해서 빠르게 개발을 해볼 건데요

 

이번에 참고한 스틱코드입니다.

 

* progressbar

stickode.com/detail.html?no=1396

스틱코드

============================================================================

프로그래스바 커스텀하기

 

1. 먼저 위에 있는 스틱코드 코드를 가져옵니다.

*스틱코드를 사용할 줄 모른다면 아래 url에서 사용법을 볼 수 있습니다.

stickode.com/howto.html#jetbrains_installation 

Stickode overview - Help

*제대로 가져왔을 때 결과물입니다*

 

 

2. 기본 프로그래스 바 코드를 가져왔다면 이제 커스텀을 해보겠습니다.

안드로이드 스튜디오에서 좌측에 있는 res파일 > drawable 오른쪽 클릭 > new > Drawable Resource File을 추가합니다

 

3. 파일을 만들었으면 아래 코드를 이용해 커스텀합니다.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <corners android:radius="5dp" />
            <solid android:color="#D5D5D5" />
        </shape>
    </item>
    <item>
        <clip>
            <shape>
                <corners android:radius="5dp" />
                <solid android:color="#8B0000" />
            </shape>
        </clip>
    </item>
</layer-list>

 

4. 커스텀한 progressbar를 적용합니다

android:progressDrawable="자신이 방금 만든 drawable 파일" <- 추가하시면 됩니다

<ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleHorizontal"
        android:progressDrawable="@drawable/custom_progressbar"
        android:layout_width="373dp"
        android:layout_height="16dp"
        android:layout_marginStart="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginBottom="40dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

 

5. 잘 적용되었는지 확인합니다

 

============================================================================

위의 코드를 잘 따라하셨다면 아래와 같은 결과물을 얻을 수 있습니다.

 

결과물

이렇게 아주 간단히 progressbar를 커스텀해보았습니다