Android自定义开关按钮源码解析
作者:碧云天丶 时间:2021-12-27 06:45:27
本文实例为大家分享了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);
//开 RectF
mRectFOpen = new RectF();
//关 RectF
mRectFClose = new RectF();
}
在 onLayout 时获取整个控件宽高,并且设置 RectF 尺寸
@Override
protected 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);
}
绘制开关初始状态以及滑动按钮得初始状态
@Override
protected 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;
}
}
剩下就是处理开关的滑动和点击
Down->Up, 点击事件.
Down->Move->Up,滑动事件
此处分Move小于一定距离也认为是点击,只有Move距离大于定值才认为是一个滑动事件组
@Override
public 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();
}
项目地址
效果图
来源:https://blog.csdn.net/MoLiao2046/article/details/104688165
标签:Android,开关,按钮
0
投稿
猜你喜欢
SpringBoot自定义注解之实现AOP切面日志详解
2022-12-18 17:58:06
spring boot org.junit.jupiter.api不存在的解决
2023-07-11 18:34:16
基于Kubernetes实现前后端应用的金丝雀发布(两种方案)
2023-01-07 02:32:27
mongo分布式锁Java实现方法(推荐)
2023-06-30 21:28:43
举例讲解设计模式中的访问者模式在Java编程中的运用
2022-04-04 08:00:45
不依赖于Activity的Android全局悬浮窗的实现
2022-04-08 00:42:43
Android中AlertDialog 点击按钮后不关闭对话框的功能
2023-08-04 22:55:50
Java中管理资源的引用队列相关原理解析
2023-04-03 11:37:59
全面详解Maven打包及其相关插件和高级特性
2022-03-03 21:10:00
JAVA如何按字节截取字符串
2023-11-25 13:31:41
Java8中关于Function.identity()的使用
2021-11-16 16:05:15
Java Property类使用详解
2023-11-06 21:52:57
23种设计模式(1) java单例模式
2021-08-28 21:56:28
Java.try catch finally 的执行顺序说明
2022-07-06 00:30:25
Java 延迟队列的常用的实现方式
2022-06-30 13:57:00
C#中事件的动态调用实现方法
2022-08-29 03:27:28
mybatis like模糊查询特殊字符报错转义处理方式
2023-09-02 21:14:54
Java后台通过Collections获取list集合中最大数,最小数代码
2023-03-15 19:53:05
SpringBoot整合Mybatis简单实现增删改查
2023-07-05 15:33:44
Spring Cloud Gateway 服务网关快速实现解析
2023-12-19 04:28:33