Android自定义控件仿iOS滑块SwitchButton
时间:2022-07-28
本文章向大家介绍Android自定义控件仿iOS滑块SwitchButton,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
SwitchButton可以点击的时候切换状态,类似CheckBox
在拖动的时候,也可以根据拖动的距离判断是否切换状态,类似ToggleButton
因此要区别出单击事件和拖动事件
实现效果如图所示:
自定义的SwitchButton如下:
public class SwitchButton extends View implements View.OnTouchListener {
private Bitmap bg_on, bg_off, slipper_btn;
/**
* 按下时的x和当前的x
*/
private float downX, nowX;
/**
* 记录用户是否在滑动
*/
private boolean onSlip = false;
/**
* 当前的状态
*/
private boolean nowStatus = false;
/**
* 监听接口
*/
private OnChangedListener listener;
/**
* 一个滑动的距离临界值,判断是滑动还是点击
* getScaledTouchSlop():
* Distance in pixels a touch can wander before we think the user is scrolling
* */
private int mTouchSlop=new ViewConfiguration().getScaledTouchSlop();
public SwitchButton(Context context) {
super(context);
init();
}
public SwitchButton(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public void init(){
//载入图片资源
bg_on = BitmapFactory.decodeResource(getResources(), R.mipmap.switch_on_on);
bg_off = BitmapFactory.decodeResource(getResources(), R.mipmap.switch_off_off);
slipper_btn = BitmapFactory.decodeResource(getResources(), R.mipmap.switch_ball_ball);
setOnTouchListener(this);
}
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Matrix matrix = new Matrix();
Paint paint = new Paint();
float x = 0;
//根据nowX设置背景,开或者关状态
if (nowX < (bg_on.getWidth()/2)){
canvas.drawBitmap(bg_off, matrix, paint);//画出关闭时的背景
}else{
canvas.drawBitmap(bg_on, matrix, paint);//画出打开时的背景
}
if (onSlip) {//是否是在滑动状态,
if(nowX = bg_on.getWidth())//是否划出指定范围,不能让滑块跑到外头,必须做这个判断
x = bg_on.getWidth() - slipper_btn.getWidth()/2;//减去滑块1/2的长度
else
x = nowX - slipper_btn.getWidth()/2;
}else {
if(nowStatus){//根据当前的状态设置滑块的x值
x = bg_on.getWidth() - slipper_btn.getWidth();
}else{
x = 0;
}
}
//对滑块滑动进行异常处理,不能让滑块出界
if (x < 0 ){
x = 0;
}
else if(x bg_on.getWidth() - slipper_btn.getWidth()){
x = bg_on.getWidth() - slipper_btn.getWidth();
}
//画出滑块
canvas.drawBitmap(slipper_btn, x, 0, paint);
}
@Override
public boolean onTouch(View v, MotionEvent event) {
switch(event.getAction()){
case MotionEvent.ACTION_DOWN:{
if (event.getX() bg_off.getWidth() || event.getY() bg_off.getHeight()){
return false;
}else{
onSlip = true;
downX = event.getX();
nowX = downX;
}
break;
}
case MotionEvent.ACTION_MOVE:{
nowX = event.getX();
break;
}
case MotionEvent.ACTION_UP:{
DebugLog.e("mTouchSlop:"+mTouchSlop);
onSlip = false;
nowX = event.getX();
float float_distance=nowX - downX;
int int_disatnce=(int)float_distance;
DebugLog.e("int_disatnce:"+int_disatnce);
/**
* 滑动距离太短,认定是点击事件
*/
if(Math.abs(int_disatnce)<mTouchSlop){
if(this.isChecked()){
this.setChecked(false);
nowX = 0;
}else{
this.setChecked(true);
nowX = bg_on.getWidth() - slipper_btn.getWidth();
}
}else{
/**
* 滑动距离足够,认为是滑动事件
*/
if(event.getX() = (bg_on.getWidth()/2)){
nowStatus = true;
nowX = bg_on.getWidth() - slipper_btn.getWidth();
}else{
nowStatus = false;
nowX = 0;
}
}
if(listener != null){
listener.OnChanged(SwitchButton.this, nowStatus);
}
break;
}
}
//刷新界面
invalidate();
return true;
}
/**
* 为WiperSwitch设置一个监听,供外部调用的方法
* @param listener
*/
public void setOnChangedListener(OnChangedListener listener){
this.listener = listener;
}
/**
* 设置滑动开关的初始状态,供外部调用
* @param checked
*/
public void setChecked(boolean checked){
if(checked){
nowX = bg_off.getWidth();
}else{
nowX = 0;
}
nowStatus = checked;
}
public boolean isChecked() {
return nowStatus;
}
/**
* 回调接口
*
*/
public interface OnChangedListener {
public void OnChanged(SwitchButton wiperSwitch, boolean checkState);
}
}
布局文件中使用:
<com.uestcneon.chuji.changjianglife.share.SwitchButton
android:id="@+id/user_privacy_state"
android:layout_width="wrap_content"
android:layout_height="20dp"
android:layout_marginLeft="30dp" /
控件用到的3个资源图片:
以上就是本文的全部内容,希望对大家的学习有所帮助。
- HDU 3782 xxx定律
- HDU 2566 统计硬币
- HDU 2561 第二小整数
- python基础-数据类型与变量
- HDU 2520 我是菜鸟,我怕谁
- HUST 1586 数字排列
- next_permutation(全排列算法)
- Hadoop数据分析平台实战——100HBase和MapReduce整合离线数据分析平台实战——100HBase和MapReduce整合
- Hadoop数据分析平台实战——120Hive Shell命令介绍 01(熟悉Hive略过)离线数据分析平台实战——120Hive Shell命令介绍 01(熟悉Hive略过)
- HUST 1588 辗转数对
- HUST 1584 摆放餐桌
- HUST 1585 排队
- 【QQ/微信个人号变身机器人】炸群+远程监控个人PC的尝试
- HUST 1583 长度单位
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- JVM系列之:String.intern和stringTable
- 5万字长文:Stream和Lambda表达式最佳实践-附PDF下载
- 实现浏览器中的最大请求并发数控制
- 【漏洞复现】Weblogic漏洞搭建与复现:CVE-2018-2894 任意文件上传
- 终于把进程和线程学会了
- 对方向你转账60元--三角函数方法精确位的实现
- 牛客网-树的子结构
- 牛客网-删除链表中重复的节点
- 牛客网-包含min函数的栈
- 牛客网-反转链表
- 牛客网-替换空格
- 手把手教你破解文件密码、wifi密码、网页密码
- 如何安装 Elastic 栈中的 Logstash
- 你的GitHub项目被封存到北极了吗?
- Logstash: 如何创建可维护和可重用的 Logstash 管道