안드로이드 SeekBar Custom 커스텀 하는 방법

공감 및 댓글은 포스팅 하는데  아주아주 큰 힘이 됩니다!! 포스팅 내용이 찾아주신 분들께  도움이 되길 바라며 더 깔끔하고 좋은 포스팅을  만들어 나가겠습니다^^

이번에는 안드로이드의 SeekBar

요 녀석을 커스텀하는 방법에 대해 알아보겠습니다.

사용 방법은 아주 간단합니다.

먼저 2개의 xml 파일을 만듭니다.

현재 위치를 표현해주는 thumb 를 위한 xml 과

뒤에 진행바를 표현할 xml 파일입니다.

1. seekbar_thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false"  >
    
    <!--배경색상을 담당.-->
    <solid 
        android:color="#FFFFFF"/>
    
    <!--테두리 색상을 담당.-->
    <stroke
        android:width="2dp"
        android:color="#FFFFFF" />
    
    <!--사이즈입니다.-->
    <size
        android:width="12dp"
        android:height="12dp"/>
</shape>

2. seekbar_progress.xml

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--SeekBar 배경1인데요. 테스트해보니 없어도 상관없더라구요 ㅎㅎ-->
    <item android:id="@android:id/background">
        <shape android:shape="line">    <!--선 : 길이6dp -->
            <stroke android:width="4dp" android:color="#f0767676" />
        </shape>
    </item>

    <!-- SeekBar 배경2입니다.-->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape android:shape="line">
                <stroke android:width="4dp" android:color="#f08e8e8e" />
            </shape>
        </clip>
    </item>

    <!-- SeekBar 프로그래스입니다. -->
    <item android:id="@android:id/progress" >
        <clip>
            <shape android:shape="line">
                <stroke android:width="4dp" android:color="#FFFFFF" />
            </shape>
        </clip>
    </item>

</layer-list>

간단하죠?

간단하게 Android seekbar cutom 하는 방법에 대해 알아보았습니다~

이상입니다!