DiscreteSeekBar使用简介,一个带气泡的SeekBar

android自带的SeekBar样式比较古板,如果我们想让自己的SeekBar炫起来,那么可以考虑使用DiscreteSeekBar。DiscreteSeekBar是GitHub上的一个开源控件,地址https://github.com/AnderWeb/discreteSeekBar,那么我们今天就来看看DiscreteSeekBar的使用。

先来看一张效果图:

上面那个红色的SeekBar就是android自带的SeekBar,下面的是DiscreteSeekBar,当我们拖动的时候,上面会有一个气泡实时显示当前值,我们一起来看看怎么做。

最近刚刚开始使用Android Studio,感觉还不错,所以这个Demo就用As来做了,我们首先要在build.gradle中添加依赖:

1
compile 'org.adw.library:discrete-seekbar:1.0.0'
下面我们看看上面这个东西的布局文件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?xml version= "1.0" encoding= "utf-8" ?>
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
     xmlns:app= "http://schemas.android.com/apk/res-auto"
     xmlns:tools= "http://schemas.android.com/tools"
     android:layout_width= "match_parent"
     android:layout_height= "match_parent"
     android:orientation= "vertical"
     android:paddingBottom= "@dimen/activity_vertical_margin"
     android:paddingLeft= "@dimen/activity_horizontal_margin"
     android:paddingRight= "@dimen/activity_horizontal_margin"
     android:paddingTop= "@dimen/activity_vertical_margin" >
 
     <SeekBar
         android:id= "@+id/seekb2"
         android:layout_width= "match_parent"
         android:layout_height= "wrap_content"
         android:layout_marginBottom= "100dp"
         android:max= "100" />
 
     <org.adw.library.widgets.discreteseekbar.DiscreteSeekBar
         android:id= "@+id/seekb1"
         android:layout_width= "match_parent"
         android:layout_height= "wrap_content"
         app:dsb_indicatorColor= "#05f75e"
         app:dsb_indicatorFormatter= "百分之%03d"
         app:dsb_indicatorTextAppearance= "?android:attr/textAppearanceSmall"
         app:dsb_progressColor= "#999999"
         app:dsb_max= "100"
         app:dsb_min= "0"
         app:dsb_trackColor= "#440be2"
         app:dsb_mirrorForRtl= "false"
         app:dsb_rippleColor= "#fc1307"
         app:dsb_value= "20" />
</LinearLayout>
第一个SeekBar就是系统自带的SeekBar,第二个就是我们要说的DiscreteSeekBar,我们看看这里每个属性的含义:


dsb_indicatorColor表示气泡的颜色
dsb_progressColor表示SeekBar的颜色
dsb_trackColor表示进度条中那一条细线的颜色
dsb_rippleColor表示手指滑动地方的颜色

dsb_indicatorFormatter表示气泡中文字的显示格式,比如:

1
app:dsb_indicatorFormatter= "百分之%03d"
会显示出“百分之XXX”,%d表示显示数值,0后面的3表示数字显示的位数

dsb_indicatorTextAppearance表示气泡中文本的显示样式

app:dsb_max="100"
app:dsb_min="0" 这两个分别表示DiscreteSeekBar的最大值和最小值

dsb_value表示DiscreteSeekBar的当前值...。

当然,上面这些属性我们也可以在Java代码中进行设置。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DiscreteSeekBar一个Material Design风格的、气泡指示器的拖动条。可以自定义样式,非常不错的东西。项目地址:https://github.com/AnderWeb/discreteSeekBar效果图:使用起来也非常简单如何使用xml中创建<org.adw.library.widgets.discreteseekbar.DiscreteSeekBar         android:id="@ id/discrete"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:dsb_min="1"         app:dsb_max="100"         app:dsb_value="20"         app:dsb_indicatorFormatter="d"         />2. javaDiscreteSeekBar discreteSeekBar = (DiscreteSeekBar) findViewById(R.id.discrete); //设置浮动气泡的值,每次进度值改变时,都会触发 discreteSeekBar.setNumericTransformer(new DiscreteSeekBar.NumericTransformer() {             @Override             public int transform(int value) {                 return value * 10;             }         }); //进度值变化监听 discreteSeekBar.setOnProgressChangeListener(new DiscreteSeekBar.OnProgressChangeListener(){             public void onProgressChanged(DiscreteSeekBar seekBar, int value, boolean fromUser){             }             public void onStartTrackingTouch(DiscreteSeekBar seekBar){             }             public void onStopTrackingTouch(DiscreteSeekBar seekBar){             }         });属性说明属性名类型使用说明dsb_mininteger|dimension最小进度值dsb_maxinteger|dimension最大进度值dsb_valueinteger|dimension当前进度值dsb_mirrorForRtlboolean由于某些语言,比如阿拉伯语、希伯来语,是“从右往左”显示的,和中文、英语……是相反的。所以该属性的含义是,是否根据本地语言进行反向。dsb_allowTrackClickToDragboolean是否允许通过点击进度条上某一点,来改变进度值。默认是truedsb_progressColorcolor|reference设置进度条及滑块(thumb)的颜色dsb_trackColorcolor|reference设置背景条(track)的颜色dsb_indicatorTextAppearancereference设置气泡(bubble)的样式dsb_indicatorColorcolor|reference设置气泡(bubble)的背景色dsb_indicatorElevationdimension很抱歉,这个属性我也不知道怎么用。related to android:elevation. Will only be used on API level 21 dsb_indicatorFormatterstring|reference设置气泡指示器文字的格式dsb_rippleColorcolor|reference设置触碰点波动的颜色dsb_indicatorPopupEnabledboolean是否显示气泡指示器
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值