[游戏开发]android 实现自定Seekbar

可实现左边跟中间滑动显示Seekbar

package com.android.myapplication;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;

public class MyProgressView extends View {
    private final String TAG = "MyProgressView";
    private int mBitmapWidth;
    private int mBitmapHeight;
    private float mMoveX;
    private Paint mProgressPaint;
    private int mMax = 100;
    private int mProgress = 0;
    private Paint mBgPaint;
    private int mBgColor;
    private int mProgressColor;
    private int mSeekBarSize = 10;
    private int mPaddingSize = 10;
    private int mViewWidth = 0;
    private boolean isInitSetProgress = false;
    private int mTouchSlop;
    private float mDownX;
    private float mDownY;
    private boolean isInit = true;
    private Paint mThumbPaint;
    private int mThumbColor = Color.WHITE;
    private int mThumbSize = 20;
    private int mThumbTouchSize = 30;
    private boolean isTouch = false;
    private int mSize = 20;
    private boolean isCenter = false;


    private ISeekBarProgressClickListener mListener;

    public void setSeekBarProgressClickListener(ISeekBarProgressClickListener listener) {
        this.mListener = listener;
    }

    public interface ISeekBarProgressClickListener {
        void onSeekBarStart(MyProgressView view, int progress);

        void onSeekBarChanged(MyProgressView view, int progress);

        void onSeekBarStop(MyProgressView view, int progress);
    }

    public MyProgressView(Context context) {
        this(context, null);
    }

    public MyProgressView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MyProgressView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setWillNotDraw(false);

        mSize = dip2px(context, 8);

        TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.MyCustomSeekBarView, defStyleAttr, 0);
        mProgress = (int) a.getDimension(R.styleable.MyCustomSeekBarView_MyCustomSeekBarThumbProgress, 0);
        mSeekBarSize = a.getDimensionPixelSize(R.styleable.MyCustomSeekBarView_MyCustomSeekBarSize, 10);
        mBgColor = a.getColor(R.styleable.MyCustomSeekBarView_MyCustomSeekBarBgColor, context.getResources().getColor(R.color.while_fifteen));
        mProgressColor = a.getColor(R.styleable.MyCustomSeekBarView_MyCustomSeekBarProgressColor, Color.WHITE);
        mThumbSize = a.getDimensionPixelSize(R.styleable.MyCustomSeekBarView_MyCustomSeekBarThumbSize, mSize);
        mThumbTouchSize = a.getDimensionPixelSize(R.styleable.MyCustomSeekBarView_MyCustomSeekBarThumbTouchSize, mSize) + 3;
        mThumbColor = a.getColor(R.styleable.MyCustomSeekBarView_MyCustomSeekBarThumbColor, Color.WHITE);
        //  int thumbIcon = a.getResourceId(R.styleable.MyCustomSeekBarView_MyCustomSeekBarThumbIcon, R.drawable.ic_launcher_background);
        //Bitmap mBitmap = BitmapFactory.decodeResource(getResources(), thumbIcon);

        a.recycle();
        init(context);
    }

    private void init(Context context) {

        mPaddingSize = context.getResources().getDimensionPixelSize(R.dimen.simpleEditor_text_progress_padding_size);
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();

        mProgressPaint = new Paint();
        mProgressPaint.setColor(mProgressColor);
        mProgressPaint.setStyle(Paint.Style.STROKE);
        mProgressPaint.setStrokeCap(Paint.Cap.ROUND);
        mProgressPaint.setStrokeJoin(Paint.Join.ROUND);
        mProgressPaint.setStrokeWidth(mSeekBarSize);
        mProgressPaint.setAntiAlias(true);

        mBgPaint = new Paint();
        mBgPaint.setColor(mBgColor);
        mBgPaint.setStyle(Paint.Style.STROKE);
        mBgPaint.setStrokeCap(Paint.Cap.ROUND);
        mBgPaint.setStrokeJoin(Paint.Join.ROUND);
        mBgPaint.setStrokeWidth(mSeekBarSize);
        mBgPaint.setAntiAlias(true);

        mThumbPaint = new Paint();
        mThumbPaint.setColor(mThumbColor);
        mThumbPaint.setStyle(Paint.Style.FILL);
        mThumbPaint.setStrokeCap(Paint.Cap.ROUND);
        mThumbPaint.setStrokeJoin(Paint.Join.ROUND);
        mThumbPaint.setStrokeWidth(mSeekBarSize);
        mThumbPaint.setAntiAlias(true);
    }

    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(h, w, oldh, oldw);
        mViewWidth = w;
        if (isInit) {
            isInit = false;
            if (isCenter) {
                mMoveX = 0;
            } else {
                mMoveX = w / 2;
            }

        }
        if (isInitSetProgress) {
            setProgress(mProgress);
        }

    }

    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(heightMeasureSpec, widthMeasureSpec);

        int width = resolveSize(dip2px(getContext(), 200), widthMeasureSpec);
        int height = dip2px(getContext(), 25);
        setMeasuredDimension(width, height);

    }

    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        float height = getHeight() / 2;
        canvas.save();
        canvas.drawLine(0 + getPaddingLeft() + mPaddingSize, height, mViewWidth - getPaddingRight() - mPaddingSize, height, mBgPaint);

        if (!isCenter) {
            float currentX = mMoveX;
            canvas.drawLine(getPaddingLeft() + mPaddingSize, height, currentX, height, mProgressPaint);
            if (isTouch) {
                canvas.drawCircle(currentX, height, mThumbTouchSize, mThumbPaint);
            } else {
                canvas.drawCircle(currentX, height, mThumbSize, mThumbPaint);
            }

        } else {
            canvas.drawLine(mViewWidth / 2, height, mMoveX, height, mProgressPaint);
            if (isTouch) {
                canvas.drawCircle(mMoveX  , height - mBitmapHeight / 2, mThumbTouchSize, mThumbPaint);
            } else {
                canvas.drawCircle(mMoveX  , height - mBitmapHeight / 2, mThumbSize, mThumbPaint);
            }
        }

        canvas.restore();
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent e) {
        try {
            getParent().requestDisallowInterceptTouchEvent(true);

        } catch (Exception ex) {
        }
        return super.dispatchTouchEvent(e);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int action = event.getAction();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                getParent().requestDisallowInterceptTouchEvent(true);
                isTouch = true;
                mDownX = event.getX();
                mDownY = event.getY();
                mMoveX = event.getX();
                if (!isCenter) {
                    calculationProgressLeft();
                } else {
                    calculationProgress();
                }
                if (mListener != null) {
                    mListener.onSeekBarStart(this, mProgress);
                }
                break;
            case MotionEvent.ACTION_MOVE:
                isTouch = true;
                float diffX = event.getX() - mDownX;
                float diffY = event.getY() - mDownY;
                if ((Math.abs(diffX) > mTouchSlop
                        || Math.abs(diffY) > mTouchSlop)) {
                    mMoveX = event.getX();
                    if (!isCenter) {
                        calculationProgressLeft();
                    } else {
                        calculationProgress();
                    }
                    if (mListener != null) {
                        mListener.onSeekBarChanged(this, mProgress);
                    }
                }

                break;
            case MotionEvent.ACTION_UP:
                isTouch = false;
                mMoveX = event.getX();
                if (!isCenter) {
                    calculationProgressLeft();
                } else {
                    calculationProgress();
                }
                if (mListener != null) {
                    mListener.onSeekBarChanged(this, mProgress);
                    mListener.onSeekBarStop(this, mProgress);
                }
                break;
        }
        invalidate();
        return true;
    }

    private void calculationProgress() {
        int width = getWidth() / 2;
        int maxMoveSize = getWidth() - mPaddingSize - getPaddingLeft();
        if (mMoveX > maxMoveSize) {
            mMoveX = maxMoveSize;
        }

        if (mMoveX < mPaddingSize) {
            mMoveX = mPaddingSize;
        }

        if (mMoveX >= width) {
            mProgress = (int) (mMax * ((mMoveX - width) / (maxMoveSize - width)));
        } else {
            int max = width - mPaddingSize;
            mProgress = (int) (mMax * (((mMoveX - mPaddingSize) - max) / max));
        }

        if (mProgress > mMax) {
            mProgress = mMax;
        }
        if (mProgress < -mMax) {
            mProgress = -mMax;
        }
    }

    private void calculationProgressLeft() {
        int maxMoveSize = getWidth() - mPaddingSize - getPaddingLeft();
        if (mMoveX >= maxMoveSize) {
            mMoveX = maxMoveSize;
        }
        if (mMoveX <= mPaddingSize) {
            mMoveX = mPaddingSize;
        }
        mProgress = (int) ((mMoveX - mPaddingSize) / (maxMoveSize - mPaddingSize) * mMax);
    }


    public int getMax() {
        return mMax;
    }

    public void setMax(int max) {
        this.mMax = max;
        invalidate();
    }

    public float getProgress() {
        return mProgress;
    }

    public void setProgress(int progress) {
        this.mProgress = progress;
        if (mViewWidth != 0) {
            int width;
            if (!isCenter) {
                int maxMoveSize = mViewWidth - mPaddingSize - getPaddingLeft();
                mMoveX = progress * (maxMoveSize - mPaddingSize) / mMax + mPaddingSize;
            } else {
                width = mViewWidth / 2;
                int maxMoveSize = mViewWidth - mPaddingSize - getPaddingLeft();
                if (mProgress >= 0) {
                    mMoveX = (progress * (maxMoveSize - width) / mMax) + width;
                } else {
                    int max = width - mPaddingSize;
                    mMoveX = ((progress * 1f / mMax) * max) + max + mPaddingSize;
                }
            }

            isInitSetProgress = false;
        } else {
            isInitSetProgress = true;
        }
        invalidate();
    }

    public int getBgColor() {
        return mBgColor;
    }

    public void setBgColor(int bgColor) {
        this.mBgColor = bgColor;
        mBgPaint.setColor(mBgColor);
        invalidate();
    }

    public int get() {
        return mThumbColor;
    }

    public void setThumbColor(int thumbColor) {
        this.mThumbColor = thumbColor;
        mThumbPaint.setColor(thumbColor);
        invalidate();
    }

    public int getProgressColor() {
        return mProgressColor;
    }

    public void setProgressColor(int progressColor) {
        this.mProgressColor = progressColor;
        mProgressPaint.setColor(progressColor);
        invalidate();
    }

    public int getSeekBarSize() {
        return mSeekBarSize;
    }

    public void setSeekBarSize(int seekBarSize) {
        this.mSeekBarSize = seekBarSize;
    }


    public boolean isCenter() {
        return isCenter;
    }

    public void setCenter(boolean center) {
        isCenter = center;
    }

    public int dip2px(Context context, float dipValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dipValue * scale + 0.5f);
    }
}

attrs

<declare-styleable name="MyCustomSeekBarView">
        <attr name="MyCustomSeekBarProgressColor" format="color" />
        <attr name="MyCustomSeekBarSize" format="dimension|integer" />
        <attr name="MyCustomSeekBarBgColor" format="color" />
        <attr name="MyCustomSeekBarThumbProgress" format="dimension|integer" />
        <attr name="MyCustomSeekBarProgressMax" format="dimension|integer" />
        <attr name="MyCustomSeekBarThumbIcon" format="reference" />
        <attr name="MyCustomSeekBarThumbSize" format="dimension|integer"/>
        <attr name="MyCustomSeekBarThumbColor" format="dimension|integer"/>
        <attr name="MyCustomSeekBarThumbTouchSize" format="dimension|integer"/>
    </declare-styleable>

?

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖