android 垂直拖动条seekbar

借鉴了网友的代码,东拼西凑出我想要的效果.

大致思路: 重写Android 的seekbar 中的 draw 方法, 和重写 setThumb方法 ;

分别为了实现seekbar的垂直效果和bitmap的旋转效果.

package com.example.testseekbar2; import android.content.Context;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Matrix;import android.graphics.PixelFormat;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.Drawable;import android.util.AttributeSet;import android.view.MotionEvent;import android.widget.SeekBar; public class VerticalSeekBar extends SeekBar {    public VerticalSeekBar(Context context) {        super(context);    }    public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);    }    public VerticalSeekBar(Context context, AttributeSet attrs) {        super(context, attrs);    }    protected void onSizeChanged(int w, int h, int oldw, int oldh) {        super.onSizeChanged(h, w, oldh, oldw);    }    @Override    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(heightMeasureSpec, widthMeasureSpec);        setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());    }    protected void onDraw(Canvas c) {    //将SeekBar转转90度        c.rotate(-90);        //将旋转后的视图移动回来        c.translate(-getHeight(),0);        super.onDraw(c);    }    @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:            int i=0;            //获取滑动的距离            i=getMax() - (int) (getMax() * event.getY() / getHeight());            //设置进度                setProgress(i);                //每次拖动SeekBar都会调用                onSizeChanged(getWidth(), getHeight(), 0, 0);                break;            case MotionEvent.ACTION_CANCEL:                break;        }        return true;    }        @Overridepublic void setThumb(Drawable thumb) {thumb = rotateBitmap(thumb); super.setThumb(thumb);}private static Bitmap drawableToBitmap(Drawable drawable)// drawable 转换成bitmap{int width = drawable.getIntrinsicWidth();   // 取drawable的长宽int height = drawable.getIntrinsicHeight();Bitmap.Config config = drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888:Bitmap.Config.RGB_565;         // 取drawable的颜色格式Bitmap bitmap = Bitmap.createBitmap(width, height, config);     // 建立对应bitmapCanvas canvas = new Canvas(bitmap);         // 建立对应bitmap的画布drawable.setBounds(0, 0, width, height);drawable.draw(canvas);      // 把drawable内容画到画布中return bitmap;}private static BitmapDrawable rotateBitmap(Drawable drawable) {  int width = drawable.getIntrinsicWidth();int height= drawable.getIntrinsicHeight();Bitmap oldbmp = drawableToBitmap(drawable);// drawable转换成bitmapMatrix matrix = new Matrix();   // 创建操作图片用的Matrix对象matrix.setRotate(90,width/2,height/2 );     // 设置旋转Bitmap newbmp = Bitmap.createBitmap(oldbmp, 0, 0, width, height, matrix, true);       // 建立新的bitmap，其内容是对原bitmap的旋转后的图  return new BitmapDrawable(newbmp);  }     }

重写更多的方法, 使得背景ontouch有事件响应:

package com.ami.carwhere.widget;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Matrix;import android.graphics.PixelFormat;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.Drawable;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.ViewConfiguration;import android.view.ViewParent;import android.widget.SeekBar;public class MySeekBar extends SeekBar {private boolean mIsDragging;private float mTouchDownY;private int mScaledTouchSlop;private boolean isInScrollingContainer = false;public boolean isInScrollingContainer() {return isInScrollingContainer;}public void setInScrollingContainer(boolean isInScrollingContainer) {this.isInScrollingContainer = isInScrollingContainer;}/** * On touch, this offset plus the scaled value from the position of the * touch will form the progress value. Usually 0. */float mTouchProgressOffset;public MySeekBar(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);mScaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();}public MySeekBar(Context context, AttributeSet attrs) {super(context, attrs);}public MySeekBar(Context context) {super(context);}@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {super.onSizeChanged(h, w, oldh, oldw);}@Overrideprotected synchronized void onMeasure(int widthMeasureSpec,int heightMeasureSpec) {super.onMeasure(heightMeasureSpec, widthMeasureSpec);setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());}@Overrideprotected synchronized void onDraw(Canvas canvas) {canvas.rotate(-90);canvas.translate(-getHeight(), 0);super.onDraw(canvas);}@Overridepublic boolean onTouchEvent(MotionEvent event) {if (!isEnabled()) {return false;}switch (event.getAction()) {case MotionEvent.ACTION_DOWN:if (isInScrollingContainer()) {mTouchDownY = event.getY();} else {setPressed(true);invalidate();onStartTrackingTouch();trackTouchEvent(event);attemptClaimDrag();onSizeChanged(getWidth(), getHeight(), 0, 0);}break;case MotionEvent.ACTION_MOVE:if (mIsDragging) {trackTouchEvent(event);} else {final float y = event.getY();if (Math.abs(y - mTouchDownY) > mScaledTouchSlop) {setPressed(true);invalidate();onStartTrackingTouch();trackTouchEvent(event);attemptClaimDrag();}}onSizeChanged(getWidth(), getHeight(), 0, 0);break;case MotionEvent.ACTION_UP:if (mIsDragging) {trackTouchEvent(event);onStopTrackingTouch();setPressed(false);} else {// Touch up when we never crossed the touch slop threshold// should// be interpreted as a tap-seek to that location.onStartTrackingTouch();trackTouchEvent(event);onStopTrackingTouch();}onSizeChanged(getWidth(), getHeight(), 0, 0);// ProgressBar doesn't know to repaint the thumb drawable// in its inactive state when the touch stops (because the// value has not apparently changed)invalidate();break;}return true;}private void trackTouchEvent(MotionEvent event) {final int height = getHeight();final int top = getPaddingTop();final int bottom = getPaddingBottom();final int available = height - top - bottom;int y = (int) event.getY();float scale;float progress = 0;if (y > height - bottom) {scale = 0.0f;} else if (y < top) {scale = 1.0f;} else {scale = (float) (available - y + top) / (float) available;progress = mTouchProgressOffset;}final int max = getMax();progress += scale * max;setProgress((int) progress);}/** * This is called when the user has started touching this widget. */void onStartTrackingTouch() {mIsDragging = true;}/** * This is called when the user either releases his touch or the touch is * canceled. */void onStopTrackingTouch() {mIsDragging = false;}private void attemptClaimDrag() {ViewParent p = getParent();if (p != null) {p.requestDisallowInterceptTouchEvent(true);}}@Overridepublic synchronized void setProgress(int progress) {super.setProgress(progress);onSizeChanged(getWidth(), getHeight(), 0, 0);}@Overridepublic void setThumb(Drawable thumb) {thumb = rotateBitmap(thumb);super.setThumb(thumb);}private static Bitmap drawableToBitmap(Drawable drawable)// drawable// 转换成bitmap{int width = drawable.getIntrinsicWidth();int height = drawable.getIntrinsicHeight();Bitmap.Config config = drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888: Bitmap.Config.RGB_565;Bitmap bitmap = Bitmap.createBitmap(width, height, config);Canvas canvas = new Canvas(bitmap);drawable.setBounds(0, 0, width, height);drawable.draw(canvas);return bitmap;}private static BitmapDrawable rotateBitmap(Drawable drawable) {int width = drawable.getIntrinsicWidth();int height = drawable.getIntrinsicHeight();Bitmap oldbmp = drawableToBitmap(drawable);Matrix matrix = new Matrix();matrix.setRotate(90, width / 2, height / 2);matrix.postScale(2, 2);Bitmap newbmp = Bitmap.createBitmap(oldbmp, 0, 0, width, height,matrix, true);return new BitmapDrawable(newbmp);}}

更多相关文章

随机推荐