今天尝试用系统组件seekbar实现自定义风格的滑动条,但禁止点击和判断滑动不到指定范围返回花了不少时间,网上基本上都说用继承seekbar修改里面的方法实现,但整了半天也没有一个能够达到效果了,而且感觉太麻烦了,所以自己把默认的实现的几个接口返回的信息详细打印出来调试了下,发现可以通过返回参数来实现自己想要的结果。
先上个效果图
核心部分代码:
private SeekBar seekbar;
private int newProgress = 0;
seekbar.setOnSeekBarChangeListener(this);
//lastProgress=? 从配置文件中读取
seekbar.setProgress(lastProgress);
1 @Override
3 boolean fromUser) {
4 Log.i("onProgressChanged=","cc progress="+ progress + " lastProgress="+ lastProgress+" newProgress="+ newProgress);
5 if(progress >newProgress+10 || progress<newProgress-10){
6 newProgress = lastProgress;
7 paramSeekBar.setProgress(lastProgress);
8 return;
9 }
10
11 newProgress = progress;
12 }
13
14 @Override
15 public void onStartTrackingTouch(SeekBar paramSeekBar) {
16 Log.i("onStartTrackingTouch="," lastProgress="+ lastProgress+" newProgress="+ newProgress);
17
18 }
19
20 @Override
21 public void onStopTrackingTouch(SeekBar paramSeekBar) {
22 Log.i("onStopTrackingTouch="," lastProgress="+ lastProgress+" newProgress="+ newProgress);
23
24 if(newProgress<30){
25 lastProgress = 0;
26 newProgress =0;
27 paramSeekBar.setProgress(0);
28 }else if(newProgress>70){
29 //设置lastProgress 要放在setProgress之前,否则可能导致执行多次onProgressChanged 改变了原值
30 lastProgress = 100;
31 newProgress = 100;
32 paramSeekBar.setProgress(100);
33 }else{
34 lastProgress = 50;
35 newProgress =50;
36 paramSeekBar.setProgress(50);
37 }
38 Log.v("onStopTrackingTouch2="," lastProgress="+ lastProgress+" newProgress="+ newProgress);
39 changeProgressStateImg(lastProgress);
40 }
===================================
相关自定义样式,layout里面的布局
<LinearLayout
android:layout_height="wrap_content"
android:layout_marginTop="25dip" >
<SeekBar
android:id="@+id/seekBar"
android:layout_width="520px"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:max="100"
android:maxHeight="32px"
android:minHeight="32px"
android:paddingLeft="25px"
android:paddingRight="25px"
android:progressDrawable="@drawable/seekbar_style"
android:thumb="@drawable/seekbar_thumb" />
</LinearLayout>
简单解释下seekbar中几个重要的属性:
android:paddingLeft="25px"
android:paddingRight="25px"
seekbar_style.xml
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@android:id/background"
android:drawable="@drawable/seekbar_bg"/>
<item
android:id="@android:id/progress"
android:drawable="@drawable/seekbar_bg"/>
<item
android:id="@android:id/secondaryProgress"
android:drawable="@drawable/seekbar_bg"/>
</layer-list>
seekbar_thumb.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按下状态-->
<item
android:state_focused="true"
android:state_pressed="true"
android:drawable="@drawable/thumb_normal" />
<!-- 普通无焦点状态 -->
<item
android:state_focused="false"
android:state_pressed="false"
android:drawable="@drawable/thumb_normal" />
<!-- 有焦点状态-->
<item
android:state_focused="true"
android:state_pressed="false"
android:drawable="@drawable/thumb_normal" />
<!-- 有焦点 -->
<item
android:state_focused="true"
android:drawable="@drawable/thumb_normal" />
</selector>
===================================
注:在实际应用中对上面代码进行了多次调优,这里把最终发布版本的代码再共享下,效果图如下:
核心代码(优化部分,和上面相同的就不再重复了):
@Override
boolean fromUser) {
// Log.i("onProgressChanged=", "cc progress=" + progress
// + " lastProgress=" + lastProgress + " newProgress="
// + newProgress);
//+- 20 根据滑动条的宽度确定对应的比例
if (progress > newProgress + 20 || progress < newProgress - 20) {
newProgress = lastProgress;
paramSeekBar.setProgress(lastProgress);
return;
}
newProgress = progress;
}
@Override
public void onStartTrackingTouch(SeekBar paramSeekBar) {
}
@Override
public void onStopTrackingTouch(SeekBar paramSeekBar) {
// Log.i("onStopTrackingTouch=", " lastProgress=" + lastProgress
// + " newProgress=" + newProgress+ " functionType=" + functionType);
if(newProgress == lastProgress){
return;
}
if("proximitytag".equals(functionType) && newProgress <30 ){
lastProgress = 0;
newProgress = 0;
paramSeekBar.setProgress(0);
return;
}
if("findme".equals(functionType) && newProgress >70){
lastProgress = 100;
newProgress = 100;
paramSeekBar.setProgress(100);
return;
}
if("stop".equals(functionType) && newProgress >30 && newProgress <70){
lastProgress = 50;
newProgress = 50;
paramSeekBar.setProgress(50);
return;
}
if (newProgress < 30) {
lastProgress = 0;
newProgress = 0;
paramSeekBar.setProgress(0);
functionType = "proximitytag";
} else if (newProgress > 70) {
// 设置lastProgress 要放在setProgress之前,否则可能导致执行多次onProgressChanged 改变了原值
lastProgress = 100;
newProgress = 100;
paramSeekBar.setProgress(100);
functionType = "findme";
} else {
lastProgress = 50;
newProgress = 50;
paramSeekBar.setProgress(50);
functionType = "stop";
}
Log.v("onStopTrackingTouch2=", " lastProgress=" + lastProgress
+ " newProgress=" + newProgress);
changeProgressStateImg(lastProgress);
}
public void changeProgressStateImg(int last_progress) {
ImageView proximitytag = (ImageView) MainActivity.this.findViewById(R.id.proximitytag);
ImageView stop = (ImageView) MainActivity.this.findViewById(R.id.stop);
ImageView findme = (ImageView) MainActivity.this.findViewById(R.id.findme);
proximitytag.setBackgroundResource(R.drawable.proximityblack);
stop.setBackgroundResource(R.drawable.stopblack);
findme.setBackgroundResource(R.drawable.findblack);
if (last_progress == 0) {
proximitytag.setBackgroundResource(R.drawable.proximityblue);
} else if (last_progress == 50) {
stop.setBackgroundResource(R.drawable.stopblue);
} else {
findme.setBackgroundResource(R.drawable.findblue);
}
}