摘要:地址中文自定義能改變尺寸顏色滑塊圖片刻度圖片刻度文字和氣泡指示器,當滑動時顯示帶有進度的指示器。給選擇圓角方角默認兩端是圓角,可以設置為方形。滑塊下顯示進度當的類型為時可以設置滑動后滑塊下顯示保留進度。
IndicatorSeekBar
README: 中文 | English
自定義SeekBar, 能改變尺寸、顏色、滑塊(thumb)圖片、刻度(tick)圖片、刻度文字(text)和氣泡指示器(indicator),當滑動時顯示帶有進度的指示器。
如果你喜歡IndicatorSeekBar, 去GitHub給個Star支持一下吧。
1.截圖dependencies { compile "com.github.warkiz.widget:indicatorseekbar:1.1.2" }2. 在布局文件或java類中: xml
Java
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();
IndicatorSeekBar 提供了兩種系列的類型:
連續(continuous)的滑動: ?CONTINUOUS/CONTINUOUS_TEXTS_ENDS.
非連續(discrete)的滑動: ?DISCRETE_TICKS/ ?DISCRETE_TICKS_TEXTS/ ?DISCRETE_TICKS_TEXTS_ENDS.
3.2 自定義 顏色、尺寸
SeekBar以下部分的顏色或尺寸可以被自定義:
背景條 track_background_bar
進度條 track_progress_bar
刻度 tick
刻度文字 text
滑塊 thumb
指示器 indicator
指示器文字 indicator_text
3.3 隱藏刻度tickSeekBar的兩個端點的刻度或者滑塊左邊的刻度可以被隱藏。
3.4 給SeekBar選擇圓角/方角
默認兩端是圓角,可以設置為方形。
3.5 滑塊thumb下顯示進度
當 seekabr 的類型為 CONTINUOUS or DISCRETE_TICKS時 , 可以設置滑動后滑塊下顯示保留進度。
3.6 自定義SeekBar兩端的文字text
當 seekabr 的類型是 CONTINUOUS_TEXTS_ENDS 或 DISCRETE_TICKS_TEXTS_ENDS 時, 可以設置兩端的文字.
3.7 自定義刻度下的文字text
當 seekabr 的類型是 DISCRETE_TICKS_TEXTS , 可以通過設置數組的方式自定義刻度下的文字, 數組的長度應當和刻度相等。
or indicatorSeekBar.setTextArray(R.array.texts_below_tick_length_5);3.8 自定義滑塊thumb的圖片
滑塊可以使用圖片去自定義:
3.9 自定義刻度tick的圖片
刻度可以使用圖片去自定義.
3.10 自定義指示器indicator
IndicatorSeekbar提供了3種指示器的類型: ROUNDED_CORNERS / SQUARE_CORNERS / CUSTOM,當指示器的類型為 CUSTOM 時, 可以自定義指示器的view.
or indicatorSeekBar.setCustomIndicator(R.layout.indicator);
注意:如果自定義指示器需要顯示進度, 那么指示器必須要有一個TextView,而且其id必須設置為isb_progress.
3.11 自定義指示器頂部的內容當 indicator 的類型為 ROUNDED_CORNERS 或者 SQUARE_CORNERS , 可以設置指示器頂部的view.
or indicatorSeekBar.getIndicator().setIndicatorTopContentLayout(R.layout.top_content_view);
注意:如果自定義指示器頂部的view需要顯示進度, 那么這個view必須要有一個TextView,而且其id必須設置為isb_progress.
4. 支持進度監聽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: 當SeekBar的類型為非連續 discrete系列 時, 這個回調會獲得滑塊的位置和滑塊下的文字. 當為連續 continuous系列則不回調。
5. 混淆配置-keep class com.warkiz.widget.** { *; }6. 屬性
//seekBarGitHub地址:https://github.com/warkiz/Ind...//indicator //track //thumb //tick //texts
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/68017.html
摘要:如果你想減少包大小,你可以這樣引入事實上,每個組件都是支持單獨安裝的,我們也推薦你使用這種方式引入組件。以下是運行示例后各界面的截圖組件圖標右上角的圓形徽標數字。 1. 前言 一直以來都想做個組件庫,一方面是對工作中常遇問題的總結,另一方面也確實能夠提升工作效率(誰又不想造一個屬于自己的輪子呢~),于是乎就有了本文的主角兒rn-components-kit。 市面上web的UI組件庫如...
閱讀 4928·2023-04-25 18:47
閱讀 2680·2021-11-19 11:33
閱讀 3450·2021-11-11 16:54
閱讀 3105·2021-10-26 09:50
閱讀 2546·2021-10-14 09:43
閱讀 672·2021-09-03 10:47
閱讀 675·2019-08-30 15:54
閱讀 1504·2019-08-30 15:44