最近想做个竖直(垂直)VerticalSeekBar和VerticalProgressBar,网上虽然用现成的例子,但发现两个问题,修改下与大家分享下:
1.有个bug:在拖动的时候没问题,当调用setProgress()时,滑块移动不跟着进度条移动,因此又重写了下setProgress()方法;
2.需要注意的问题:由于竖直的VerticalSeekBar是SeekBar的一个重写,交换了宽高,在用的时候发现滑块滑到头的时候就盖住了一点,不美观,因此,按正常思维去设置paddingBottom和paddingTop结果发现没效果,后来突然想到,是继承的是SeekBar,将其立起来,所以应该是反的,设置paddingLeft和paddingRight才对。
代码如下:
package com.custom.ui;
import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.SeekBar;
/**
* 竖值SeekBar
* 参考一下网上的例子,但是有个bug和一个需要注意的点
* 1.bug:拖动的时候没问题,当调用setProgress()时,滑块移动不跟进度条移动
* 2.注意:因为竖直seekbar是交换了宽高,所以设置padding时,设置 android:paddingLeft="20dp"
* android:paddingRight="20dp",实际是设置bottom和top的padding。所以要想设置底部
* 和上部的宽高就设置左右padding,解决滑块显示不全问题。
* @author malong
*
*/
public class MLVerticalSeekBar extends SeekBar{
public MLVerticalSeekBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public MLVerticalSeekBar(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MLVerticalSeekBar(Context context) {
super(context);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh)
{
super.onSizeChanged(h, w, oldh, oldw);
}
@Override
protected synchronized void onDraw(Canvas canvas) {
canvas.rotate(-90);
canvas.translate(-getHeight(), 0);
super.onDraw(canvas);
}
@Override
protected synchronized void onMeasure(int widthMeasureSpec,
int heightMeasureSpec) {
super.onMeasure(heightMeasureSpec,widthMeasureSpec );
setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth()+100);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
if(!isEnabled()){
return false;
}
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN :
case MotionEvent.ACTION_MOVE :
case MotionEvent.ACTION_UP :
setProgress(getMax()-(int) (getMax() * event.getY() / getHeight()));
onSizeChanged(getWidth(), getHeight(), 0, 0);
break;
case MotionEvent.ACTION_CANCEL:
break;
}
return true;
}
//解决调用setProgress()方法时滑块不跟随的bug
@Override
public synchronized void setProgress(int progress) {
super.setProgress(progress);
onSizeChanged(getWidth(), getHeight(), 0, 0);
}
}
后来,做一个设置声音的小demo,可以在后台播放音乐时,运行demo,调节音量,下载地址: http://download.csdn.net/detail/itjianghuxiaoxiong/8147913