아래 이미지와 같은 탐색 막대의 스타일을 지정하고 싶었습니다.
기본 탐색 막대를 사용하면 다음과 같은 결과가 나타납니다.
그래서 필요한 것은 색만 바꾸는 것입니다. 추가 스타일이 필요하지 않습니다. 이 작업을 수행하는 직접적인 방법이 있습니까, 아니면 사용자 지정 드로어 블을 만들어야합니까?
커스텀 하나를 만들려고했지만 위와 같이 정확한 것을 얻을 수 없었습니다. 사용자 정의 드로어 블을 사용한 후 얻는 것은 다음과 같습니다.
사용자 정의 항목을 작성 해야하는 경우 진행률 선의 너비와 모양을 줄이는 방법을 제안하십시오.
내 맞춤형 구현 :
background_fill.xml :
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:centerColor="#FF555555"
android:endColor="#FF555555"
android:startColor="#FF555555" />
<corners android:radius="1dp" />
<stroke
android:width="1dp"
android:color="#50999999" />
<stroke
android:width="1dp"
android:color="#70555555" />
</shape>progress_fill.xml
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:centerColor="#FFB80000"
android:endColor="#FFFF4400"
android:startColor="#FF470000" />
<corners android:radius="1dp" />
<stroke
android:width="1dp"
android:color="#50999999" />
<stroke
android:width="1dp"
android:color="#70555555" />
</shape>progress.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"
android:drawable="@drawable/background_fill"/>
<item android:id="@android:id/progress">
<clip android:drawable="@drawable/progress_fill" />
</item>
</layer-list>thumb.xml
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<gradient
android:angle="270"
android:endColor="#E5492A"
android:startColor="#E5492A" />
<size
android:height="20dp"
android:width="20dp" />
</shape>탐색 바 :
<SeekBar
android:id="@+id/seekBarDistance"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginTop="88dp"
android:progressDrawable="@drawable/progress"
android:thumb="@drawable/thumb" >
</SeekBar>
40
작동하는 탐색 막대 스타일 변경 예제 XD를 보여 주셔서 감사합니다. (인터넷에는 많지 않습니다).
—
Helin Wang
