Seekbar通常用于與用戶有交互的操作,便于拖拉進度,顯示當(dāng)前進度党远,當(dāng)然一個漂亮的seekbar無疑會增加許多用戶體驗性累榜,下面我就通過一個實例营勤,展示一下怎么自定義一個漂亮的seekbar.
一、Seekbar的屬性:
Android:max[integer]//設(shè)置拖動條的最大值
android:progress[integer]//設(shè)置當(dāng)前的進度值
android:secondaryProgress[integer]//設(shè)置第二進度壹罚,通常用做顯示視頻等的緩沖效果
android:thumb[drawable]//設(shè)置滑塊的圖樣
android:progressDrawable[drawable]//設(shè)置進度條的圖樣
二葛作、Seekbar的監(jiān)聽事件
seekbar在監(jiān)聽事件的時候主要用的是setOnSeekBarChangeListener,主要用于監(jiān)聽如下內(nèi)容:
seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
//主要是用于監(jiān)聽進度值的改變
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
//監(jiān)聽用戶開始拖動進度條的時候
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
//監(jiān)聽用戶結(jié)束拖動進度條的時候
}
});
三猖凛、自定義seekbar樣式
原生的效果如下:實在太丑了有木有赂蠢,,辨泳,作為一個程序員都有點受不了了虱岂,抓狂中玖院,,第岖,难菌,
下面是上一下自定義的seekbar效果圖,瞬間變漂亮了有木有蔑滓,郊酒,:
代碼如下,烫饼,
activity_main:
<SeekBar
android:id="@+id/payment_seekbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:progress="20" />
<SeekBar
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
style="@style/CustomSeekbarStyle"
android:progress="20"
/>
CustomSeekbarStyle:
<!--自定義seekbarstyle-->
<style name="CustomSeekbarStyle" >
<item name="android:maxHeight">10dp</item>
<item name="android:indeterminateOnly">false</item>
<item name="android:indeterminateDrawable">@color/colorAccent</item>
<item name="android:progressDrawable">@drawable/seekbar_progress_drawable</item>
<item name="android:minHeight">10dp</item>
<item name="android:thumb">@mipmap/thumb</item>
</style>
seekbar_progress_drawable:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--定義seekbar滑動條的底色-->
<item android:id="@android:id/background">
<shape>
<corners android:radius="5dp" />
<gradient
android:angle="270"
android:centerColor="#eeeff3"
android:centerY="0.75"
android:endColor="#eeeff3"
android:startColor="#eeeff3" />
</shape>
</item>
<!--定義seekbar滑動條進度顏色-->
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="5dp"/>
<solid android:color="#FD5655"/>
</shape>
</clip>
</item>
</layer-list>