一.SeekBar滑动条的使用
xml声明:
<SeekBar android:id="@+id/seekbar"
android:layout_width="200dip"
android:layout_height="wrap_content"/>
xml声明
主要事件监听:OnSeekBarChangeListener
@Override
public void onProgressChanged(SeekBar arg0, int arg1, boolean arg2) {
// TODO Auto-generated method stub
// 当Progress发生变化时触发
} @Override
public void onStartTrackingTouch(SeekBar arg0) {
// TODO Auto-generated method stub
// 用户手势开始
} @Override
public void onStopTrackingTouch(SeekBar arg0) {
// TODO Auto-generated method stub
// 用户手势结束 }
OnSeekBarChangeListener
二.自定义Seekbar样式:
使用selector自定义seekbar样式:
进度条样式:seekbar_progress.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+android:id/background"
android:drawable="@drawable/seekbar_background" /> <!-- 进度度 -->
<item android:id="@+android:id/progress"
android:drawable="@drawable/seekbar_foreground" />
</layer-list>
进度条样式:seekbar_progress.xml
按钮样式:seekbar_thumb.xml
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 按下状态 -->
<item android:drawable="@drawable/seekbar_thumb"
android:state_pressed="true"/> <!-- 普通无焦点状态 -->
<item android:drawable="@drawable/seekbar_thumb"
android:state_focused="false"
android:state_pressed="false"/> </selector>
按钮样式:seekbar_thumb.xml
使用自定义样式，分别添加在android:progressDrawable和android:thumb两个属性上:
<SeekBar android:id="@+id/seekbar"
android:layout_width="200dip"
android:layout_height="wrap_content"
android:progressDrawable="@drawable/seekbar_progress"
android:thumb="@drawable/seekbar_thumb" />
使用自定义样式
三.创建竖直方向的Seekbar:
原理:
扩展Seekbar,重写onDraw方法，把Canvas旋转90度
VerticalSeekbar:
public class VerticalSeekbar extends AbsSeekBar {
private Drawable mThumb;
private int height;
private int width;
public interface OnSeekBarChangeListener {
void onProgressChanged(VerticalSeekbar VerticalSeekBar, int progress,
boolean fromUser);
void onStartTrackingTouch(VerticalSeekbar VerticalSeekBar);
void onStopTrackingTouch(VerticalSeekbar VerticalSeekBar);
}
private OnSeekBarChangeListener mOnSeekBarChangeListener;
public VerticalSeekbar(Context context) {
this(context, null);
}
public VerticalSeekbar(Context context, AttributeSet attrs) {
this(context, attrs, android.R.attr.seekBarStyle);
}
public VerticalSeekbar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public void setOnSeekBarChangeListener(OnSeekBarChangeListener l) {
mOnSeekBarChangeListener = l;
}
void onStartTrackingTouch() {
if (mOnSeekBarChangeListener != null) {
mOnSeekBarChangeListener.onStartTrackingTouch(this);
}
}
void onStopTrackingTouch() {
if (mOnSeekBarChangeListener != null) {
mOnSeekBarChangeListener.onStopTrackingTouch(this);
}
}
void onProgressRefresh(float scale, boolean fromUser) {
Drawable thumb = mThumb;
if (thumb != null) {
setThumbPos(getHeight(), thumb, scale, Integer.MIN_VALUE);
invalidate();
}
if (mOnSeekBarChangeListener != null) {
mOnSeekBarChangeListener.onProgressChanged(this, getProgress(),
fromUser);
}
}
private void setThumbPos(int w, Drawable thumb, float scale, int gap) {
int available = w + getPaddingLeft() - getPaddingRight();
int thumbWidth = thumb.getIntrinsicWidth();
int thumbHeight = thumb.getIntrinsicHeight();
available -= thumbWidth;
// The extra space for the thumb to move on the track
available += getThumbOffset() * 2;
int thumbPos = (int) (scale * available);
int topBound, bottomBound;
if (gap == Integer.MIN_VALUE) {
Rect oldBounds = thumb.getBounds();
topBound = oldBounds.top;
bottomBound = oldBounds.bottom;
} else {
topBound = gap;
bottomBound = gap + thumbHeight;
}
thumb.setBounds(thumbPos, topBound, thumbPos + thumbWidth, bottomBound);
}
protected void onDraw(Canvas c) {
//这里控制的是seekbar旋转的方向，用隐去的这两行配合下边注释掉的trackTouchEvent，可以实现
//初始位置在上边的seekbar，现在默认的是初始位置在最下边，及0在下边
/*c.rotate(90);
c.translate(0, -width);*/
//更改方向
c.rotate(-90);
c.translate(-this.getHeight(), 0);
super.onDraw(c);
}
private void trackTouchEvent(MotionEvent event)
{
final int height = getHeight();
int y = (int)event.getY();
float scale = 0;
float progress = 0;
if(y > height)
{
scale = 0.0f;
}
else if( y>0 )
{
scale = 1-(float)y / (float)height;
}
else
{
scale= 1.0f;
}
final int max = getMax();
progress = scale * max;
setProgress(Math.round(progress));
setThumbPos(getHeight(), mThumb, scale, 0) ;
}
protected synchronized void onMeasure(int widthMeasureSpec,
int heightMeasureSpec) {
height = View.MeasureSpec.getSize(heightMeasureSpec);
width = View.MeasureSpec.getSize(widthMeasureSpec);
this.setMeasuredDimension(width, height);
}
@Override
public void setThumb(Drawable thumb) {
mThumb = thumb;
super.setThumb(thumb);
}
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(h, w, oldw, oldh);
}
public boolean onTouchEvent(MotionEvent event) {
if (!isEnabled()) {
return false;
}
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
setPressed(true);
onStartTrackingTouch();
trackTouchEvent(event);
break;
case MotionEvent.ACTION_MOVE:
trackTouchEvent(event);
attemptClaimDrag();
break;
case MotionEvent.ACTION_UP:
trackTouchEvent(event);
onStopTrackingTouch();
setPressed(false);
break;
case MotionEvent.ACTION_CANCEL:
onStopTrackingTouch();
setPressed(false);
break;
}
return true;
}
/* private void trackTouchEvent(MotionEvent event) {
final int Height = getHeight();
final int available = Height - getPaddingBottom() - getPaddingTop();
int Y = (int) event.getY();
Log.d("6", "trackTouchEvent==>Y"+Y);
float scale;
float progress = 0;
if (Y > Height - getPaddingBottom()) {
scale = 1.0f;
} else if (Y < getPaddingTop()) {
scale = 0.0f;
} else {
scale = (float) (Y)
/ (float) available;
}
final int max = getMax();
progress = scale * max;
setProgress((int) progress);
}*/
private void attemptClaimDrag() {
if (getParent() != null) {
getParent().requestDisallowInterceptTouchEvent(true);
}
}
public boolean dispatchKeyEvent(KeyEvent event) {
if (event.getAction() == KeyEvent.ACTION_DOWN) {
KeyEvent newEvent = null;
switch (event.getKeyCode()) {
case KeyEvent.KEYCODE_DPAD_UP:
newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,
KeyEvent.KEYCODE_DPAD_RIGHT);
break;
case KeyEvent.KEYCODE_DPAD_DOWN:
newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,
KeyEvent.KEYCODE_DPAD_LEFT);
break;
case KeyEvent.KEYCODE_DPAD_LEFT:
newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,
KeyEvent.KEYCODE_DPAD_DOWN);
break;
case KeyEvent.KEYCODE_DPAD_RIGHT:
newEvent = new KeyEvent(KeyEvent.ACTION_DOWN,
KeyEvent.KEYCODE_DPAD_UP);
break;
default:
newEvent = new KeyEvent(KeyEvent.ACTION_DOWN, event
.getKeyCode());
break;
}
return newEvent.dispatch(this);
}
return false;
}
}
VerticalSeekbar
使用VerticalSeekbar:
<com.haidilao.views.VerticalSeekbar
android:id="@+id/seekbar"
android:layout_width="25dip"
android:layout_height="130dip"
android:paddingTop="1dip"
android:layout_marginBottom="12dip"
android:progressDrawable="@drawable/verticalseekbar_progressdrawable"
android:thumb="@drawable/verticalseekbar_thumb"
android:thumbOffset="0dip"
android:max="100" />
VerticalSeekbar