Android自定义开关按钮源码解析 Android自定义开关按钮源码解析

本文实例为大家分享了Android自定义开关的具体代码，供大家参考，具体内容如下
以 ToggleColorY 为例分析, ToggleImageY逻辑代码差不多
初始化参数
获取背景颜色,按钮颜色,开关状态

@SuppressLint("ResourceAsColor")private void initParame(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ToggleColorY, defStyleAttr, 0); mOpenBGColor = typedArray.getColor(R.styleable.ToggleColorY_tby_open_bg, getResources().getColor(R.color.tby_orange)); mCloseBGColor = typedArray.getColor(R.styleable.ToggleColorY_tby_close_bg, getResources().getColor(R.color.tby_gray)); mTouchColor = typedArray.getColor(R.styleable.ToggleColorY_tby_touch, getResources().getColor(R.color.tby_read)); mIsOpen = typedArray.getBoolean(R.styleable.ToggleColorY_tby_state, false); typedArray.recycle(); }

初始化画笔和 RectF

//Paint.Style.FILL设置只绘制图形内容//Paint.Style.STROKE设置只绘制图形的边//Paint.Style.FILL_AND_STROKE设置都绘制private void initPaint() {//开关开背景mOpenBGPaint = new Paint(); mOpenBGPaint.setAntiAlias(true); mOpenBGPaint.setStyle(Paint.Style.FILL_AND_STROKE); mOpenBGPaint.setColor(mOpenBGColor); //开关关背景mCloseBGPaint = new Paint(); mCloseBGPaint.setAntiAlias(true); mCloseBGPaint.setStyle(Paint.Style.FILL_AND_STROKE); mCloseBGPaint.setColor(mCloseBGColor); //Touch 圆形mTouchPaint = new Paint(); mTouchPaint.setAntiAlias(true); mTouchPaint.setStyle(Paint.Style.FILL_AND_STROKE); mTouchPaint.setColor(mTouchColor); //开 RectFmRectFOpen = new RectF(); //关 RectFmRectFClose = new RectF(); }

在 onLayout 时获取整个控件宽高,并且设置 RectF 尺寸

@Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {super.onLayout(changed, left, top, right, bottom); mWidth = getWidth(); mHeight = getHeight(); initView(); }private void initView() {mRectFClose.set(0, 0, mWidth, mHeight); mRectFOpen.set(0, 0, mWidth, mHeight); }

绘制开关初始状态以及滑动按钮得初始状态

@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas); //开关初始状态if (mIsOpen) {canvas.drawRoundRect(mRectFOpen, mHeight / 2, mHeight / 2, mOpenBGPaint); //开} else {canvas.drawRoundRect(mRectFClose, mHeight / 2, mHeight / 2, mCloseBGPaint); //关}firstDraw(); //绘制滑动按钮canvas.drawCircle(mSlidingDistance, mHeight / 2, mHeight / 2, mTouchPaint); }/** * 根据开关初始状态设置滑动按钮位置 */private void firstDraw() {if (!mIsFirst) {if (mIsOpen) {mSlidingDistance = mWidth - mHeight / 2; } else {mSlidingDistance = mHeight / 2; }mIsFirst = !mIsFirst; }}

【Android自定义开关按钮源码解析】剩下就是处理开关的滑动和点击

Down->Up, 点击事件.
Down->Move->Up,滑动事件

此处分Move小于一定距离也认为是点击,只有Move距离大于定值才认为是一个滑动事件组

@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN://mLastX 是记录手指按下的点X坐标值//mStartX 表示的是当前滑动的起始点X坐标值mLastX = mStartX = event.getX(); //2种情况//1, Down->Up,若是这个顺序,手指抬起时候,按照点击逻辑切换开关//2, Down->Move->Up,若是这个顺序, 手指抬起时候, 就按照滑动逻辑切换开关mIsEnableClick = true; break; case MotionEvent.ACTION_MOVE:float mEndX = event.getX(); //滑动起始坐标与滑动后坐标值相减,得到手指移动距离float distanceX = mEndX - mStartX; //对手指移动距离进行累加,这个距离是圆心X轴坐标mSlidingDistance += distanceX; //判断左右两个临界值,不能超出左右侧边值if (mSlidingDistance < mHeight / 2) {mSlidingDistance = mHeight / 2; }if (mSlidingDistance >= mWidth - mHeight / 2) {mSlidingDistance = mWidth - mHeight / 2; }//重绘,到这一步,圆就随手指开始移动了invalidate(); //手指按下坐标与滑动最后坐标差值float mMinDistanceX = Math.abs(mEndX - mLastX); //判断差值//1,如果差值大于8, 则认为是滑动, 如果用户松开按钮则按照滑动条件判断//1,如果差值小于8, 则认为是点击, 如果用户此时松开按钮则按照点击条件判断if (mMinDistanceX > 8) {mIsEnableClick = false; } else {mIsEnableClick = true; }//更新滑动X轴起始坐标,为下一次Move事件滑动做准备mStartX = event.getX(); break; case MotionEvent.ACTION_UP:if (!mIsEnableClick) {//当判定为滑动时, 首先判断这次滑动累加的距离, 如果大于一半则开关取反if (mSlidingDistance >= mWidth / 2) {mIsOpen = true; } else {mIsOpen = false; }//设置好开关Flag,执行替换背景drawToggle(); } else {mIsOpen = !mIsOpen; drawToggle(); }break; }return true; }/** * 按钮重绘 */public void drawToggle() {if (mIsOpen) {//开mSlidingDistance = mWidth - mHeight / 2; } else {//关mSlidingDistance = mHeight / 2; }if (onClick != null) {onClick.click(mIsOpen); }invalidate(); }

项目地址
效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。