摘要：地址中文自定義能改變尺寸顏色滑塊圖片刻度圖片刻度文字和氣泡指示器，當(dāng)滑動(dòng)時(shí)顯示帶有進(jìn)度的指示器。給選擇圓角方角默認(rèn)兩端是圓角，可以設(shè)置為方形?；瑝K下顯示進(jìn)度當(dāng)?shù)念愋蜑闀r(shí)可以設(shè)置滑動(dòng)后滑塊下顯示保留進(jìn)度。

README: 中文 | English

自定義SeekBar, 能改變尺寸、顏色、滑塊(thumb)圖片、刻度(tick)圖片、刻度文字(text)和氣泡指示器(indicator)，當(dāng)滑動(dòng)時(shí)顯示帶有進(jìn)度的指示器。

如果你喜歡IndicatorSeekBar, 去GitHub給個(gè)Star支持一下吧。

dependencies {
    compile "com.github.warkiz.widget:indicatorseekbar:1.1.2"
}

IndicatorSeekBar indicatorSeekBar = new IndicatorSeekBar.Builder(this)
                .setMax(200)
                .setMin(0)
                .setProgress(35)
                .setSeekBarType(IndicatorSeekBarType.DISCRETE_TICKS)
                .setTickType(TickType.OVAL)
                .setTickColor(Color.parseColor("#0000FF"))
                .setTickSize(8)//dp size
                .setTickNum(8)
                .setBackgroundTrackSize(2)//dp size
                .setBackgroundTrackColor(Color.parseColor("#666666"))
                .setProgressTrackSize(3)//dp size
                .setProgressTrackColor(Color.parseColor("#0000FF"))
                .showIndicator(true)
                .setIndicatorType(IndicatorType.SQUARE_CORNERS)
                .setIndicatorColor(Color.parseColor("#0000FF"))
                .build();

更多使用方式請(qǐng)參考 GitHub.

IndicatorSeekBar 提供了兩種系列的類型:

連續(xù)（continuous）的滑動(dòng): ?CONTINUOUS/CONTINUOUS_TEXTS_ENDS.

非連續(xù)（discrete）的滑動(dòng): ?DISCRETE_TICKS/ ?DISCRETE_TICKS_TEXTS/ ?DISCRETE_TICKS_TEXTS_ENDS.

SeekBar以下部分的顏色或尺寸可以被自定義：

背景條 track_background_bar

進(jìn)度條 track_progress_bar

刻度 tick

刻度文字 text

滑塊 thumb

指示器 indicator

指示器文字 indicator_text

SeekBar的兩個(gè)端點(diǎn)的刻度或者滑塊左邊的刻度可以被隱藏。

默認(rèn)兩端是圓角，可以設(shè)置為方形。

當(dāng) seekabr 的類型為 CONTINUOUS or DISCRETE_TICKS時(shí) , 可以設(shè)置滑動(dòng)后滑塊下顯示保留進(jìn)度。

當(dāng) seekabr 的類型是 CONTINUOUS_TEXTS_ENDS 或 DISCRETE_TICKS_TEXTS_ENDS 時(shí), 可以設(shè)置兩端的文字.

當(dāng) seekabr 的類型是 DISCRETE_TICKS_TEXTS , 可以通過設(shè)置數(shù)組的方式自定義刻度下的文字, 數(shù)組的長(zhǎng)度應(yīng)當(dāng)和刻度相等。

or
indicatorSeekBar.setTextArray(R.array.texts_below_tick_length_5);

滑塊可以使用圖片去自定義：

刻度可以使用圖片去自定義.

IndicatorSeekbar提供了3種指示器的類型： ROUNDED_CORNERS / SQUARE_CORNERS / CUSTOM,當(dāng)指示器的類型為 CUSTOM 時(shí), 可以自定義指示器的view.

or
indicatorSeekBar.setCustomIndicator(R.layout.indicator);

注意：如果自定義指示器需要顯示進(jìn)度, 那么指示器必須要有一個(gè)TextView，而且其id必須設(shè)置為isb_progress.

當(dāng) indicator 的類型為 ROUNDED_CORNERS 或者 SQUARE_CORNERS , 可以設(shè)置指示器頂部的view.

or
indicatorSeekBar.getIndicator().setIndicatorTopContentLayout(R.layout.top_content_view);

注意：如果自定義指示器頂部的view需要顯示進(jìn)度, 那么這個(gè)view必須要有一個(gè)TextView，而且其id必須設(shè)置為isb_progress.

indicatorSeekBar.setOnSeekChangeListener(new IndicatorSeekBar.OnSeekBarChangeListener() {

    @Override
    public void onProgressChanged(IndicatorSeekBar seekBar, int progress, float progressFloat, boolean fromUserTouch) {

    }

    @Override
    public void onSectionChanged(IndicatorSeekBar seekBar, int thumbPosOnTick, String textBelowTick, boolean fromUserTouch) {
        //only callback on discrete series SeekBar type.
    }

    @Override
    public void onStartTrackingTouch(IndicatorSeekBar seekBar, int thumbPosOnTick) {
    }

    @Override
    public void onStopTrackingTouch(IndicatorSeekBar seekBar) {

    }
});

onSectionChanged: 當(dāng)SeekBar的類型為非連續(xù) discrete系列 時(shí), 這個(gè)回調(diào)會(huì)獲得滑塊的位置和滑塊下的文字. 當(dāng)為連續(xù) continuous系列則不回調(diào)。

-keep class com.warkiz.widget.** { *; }

//seekBar






    
    
    
    
    

//indicator

    
    
    
    




 


//track





//thumb




//tick







    
    
    

//texts