seekbar style 변경

res/drawable 디렉토리에 아래 xml 파일 두개와 이미지 파일을 저장한다.

red_scrubber_control.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">     <item android:drawable="@drawable/red_scrubber_control_disabled_holo" android:state_enabled="false"/>     <item android:drawable="@drawable/red_scrubber_control_pressed_holo" android:state_pressed="true"/>     <item android:drawable="@drawable/red_scrubber_control_focused_holo" android:state_selected="true"/>     <item android:drawable="@drawable/red_scrubber_control_normal_holo"/> </selector>

red_scrubber_progress.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >     <item         android:id="@android:id/background"         android:drawable="@drawable/red_scrubber_track_holo_light"/>     <item android:id="@android:id/secondaryProgress">         <scale             android:drawable="@drawable/red_scrubber_secondary_holo"             android:scaleWidth="100%" />     </item>     <item android:id="@android:id/progress">         <scale             android:drawable="@drawable/red_scrubber_primary_holo"             android:scaleWidth="100%" />     </item> </layer-list>

이미지 다운로드

이미지들은 아래 주소에서 다운로드 하자. 그리고 소스 내용과 같이 파일명을 수정해줘야 한다. (red_scrubber_progress.xml 의 이미지 3개)

https://stackoverflow.com/questions/16163215/android-styling-seek-bar

red_scrubber_control_disabled_holo.png: 

red_scrubber_control_focused_holo.png: 

red_scrubber_control_normal_holo.png: 

red_scrubber_control_pressed_holo.png: 

red_scrubber_primary_holo.9.png: 

red_scrubber_secondary_holo.9.png: 

red_scrubber_track_holo_light.9.png: 

그다음 레이아웃에 아래와 같이 내용을 추가한다.

<SeekBar     android:id="@+id/seekBar1"     android:layout_width="match_parent"     android:layout_height="wrap_content"     android:progressDrawable="@drawable/red_scrubber_progress"     android:thumb="@drawable/red_scrubber_control" />

끝.

이밖에 구글에서 'seekbar style' 이라고 검색하면 많은 자료가 나온다.