Android开发仿IOS滑动开关实现代码

 更新时间:2017年05月08日 14:59:35   投稿:lqh  
这篇文章主要介绍了 android开发仿IOS滑动开关实现代码的相关资料,需要的朋友可以参考下

Android开发仿IOS滑动开关实现代码

Android与iOS相比,ios好多控件都是自带的,而android需要使用自定义来实现。今天说的是ios的滑动开关,我层看到好多博客都是通过自定义ToggleButton实现的。这里我通过自定义view来实现他的效果。

首先在onsizechange里把2个半圆和一个矩形绘制出来。

width = w;
    height = h;
    left = top = 0;
    right = width;
    bottom = height * 0.8f;
    cx = (right + left) / 2;
    cy = (bottom + top) / 2;
    RectF rectF = new RectF(left, top, bottom, bottom);
    path.arcTo(rectF, 90, 180);
    rectF.left = right - bottom;
    rectF.right = right;
    path.arcTo(rectF, 270, 180);
    path.close();
    circle_left = 0;
    circle_right = bottom;
    circle_width = circle_right - circle_left;
    float circle_height = (bottom - top) / 2;
    radius = circle_height * 0.9f;
    borderwidth = (int) (2 * (circle_height - radius));
    circle_cx = width - circle_height;

剩下的就是ondraw方法来绘制颜色,以及切换的效果。

protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    paint.setStyle(Style.FILL);
    paint.setAntiAlias(true);
    canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG));
    if (isChoose) {
      paint.setColor(onColor);
    } else {
      paint.setColor(offColor);
    }
    canvas.drawPath(path, paint);
    isAnimation = isAnimation - 0.1f > 0 ? isAnimation - 0.1f : 0;
    //缩放大小参数随isAnimation变化而变化
    final float scale = 0.98f * (isChoose ? isAnimation : 1 - isAnimation);
    //保存canvas状态
    canvas.save();
    canvas.scale(scale, scale, circle_cx, cy);
    paint.setColor(offColor);
    canvas.drawPath(path, paint);
    canvas.restore();
    paint.reset();
    float bTranslateX = width - circle_width;
    final float translate = bTranslateX * (isChoose ? 1 - isAnimation : isAnimation);
    canvas.translate(translate, 0);
    if (isAnimation > 0) {
      invalidate();
    }
    canvas.save();
    paint.setStyle(Style.FILL);
    paint.setColor(offColor);
    canvas.drawCircle(circle_width / 2, circle_width / 2, radius, paint); // 按钮白底
    paint.setStyle(Style.STROKE);
    paint.setColor(borderColor);
    paint.setStrokeWidth(borderwidth);
    canvas.drawCircle(circle_width / 2, circle_width / 2, radius, paint); // 按钮灰边
    canvas.restore();
  }

最后我们在ontouch里面去改变他的状态:

  public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        return true;
      case MotionEvent.ACTION_CANCEL:
        return true;
      case MotionEvent.ACTION_UP:
          isAnimation = 1;
          isChoose = !isChoose;
          listener.onStateChanged(isChoose);
          invalidate();
        break;
    }
    return super.onTouchEvent(event);

  }

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • Android studio实现PopupWindow弹出框效果

    Android studio实现PopupWindow弹出框效果

    这篇文章主要为大家详细介绍了Android studio实现PopupWindow弹出框效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • Android给TextView添加点击事件的实现方法

    Android给TextView添加点击事件的实现方法

    下面小编就为大家带来一篇Android给TextView添加点击事件的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • Android BottomNavigationView与Fragment重建与重叠问题解决方法探索

    Android BottomNavigationView与Fragment重建与重叠问题解决方法探索

    这篇文章主要介绍了Android BottomNavigationView与Fragment重建与重叠问题解决,总的来说这并不是一道难题,那为什么要拿出这道题介绍?拿出这道题真正想要传达的是解题的思路,以及不断优化探寻最优解的过程。希望通过这道题能给你带来一种解题优化的思路
    2023-01-01
  • android实现ViewPager懒加载的三种方法

    android实现ViewPager懒加载的三种方法

    这篇文章主要介绍了android实现ViewPager懒加载的三种方法,懒加载在项目运用中很广泛,可以提高运行速度,有兴趣的可以了解一下。
    2017-03-03
  • android数据存储之文件存储方法

    android数据存储之文件存储方法

    本篇文章主要介绍了android数据存储之文件存储的方法,具有一定的参考价值,有需要的可以了解一下。
    2016-11-11
  • Android仿微信通讯录列表侧边栏效果

    Android仿微信通讯录列表侧边栏效果

    这篇文章主要为大家详细介绍了Android仿微信通讯录列表侧边栏效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android App在线程中创建handler的方法讲解

    Android App在线程中创建handler的方法讲解

    这篇文章主要介绍了Android App在线程中创建handler的方法讲解,文中同时讲解了handler和线程的关系以及使用Handler时一些需要注意的地方,需要的朋友可以参考下
    2016-03-03
  • Android防止点击过快造成多次响应事件的解决方法

    Android防止点击过快造成多次响应事件的解决方法

    btn点击用户可能只点击了一次但是后台响应了多次,像一些表单的提交出现这种问题比较棘手,本篇文章主要介绍Android防止点击过快造成多次响应事件的解决方法,有兴趣的可以了解一下。
    2016-12-12
  • 详解Android Flutter如何使用相机实现拍摄照片

    详解Android Flutter如何使用相机实现拍摄照片

    在app中使用相机肯定是再平常不过的一项事情了,相机肯定涉及到了底层原生代码的调用,那么在flutter中如何快速简单的使用上相机的功能呢?一起来看看吧
    2023-04-04
  • Android设备与外接U盘实现数据读取操作的示例

    Android设备与外接U盘实现数据读取操作的示例

    本篇文章主要介绍了Android设备与外接U盘实现数据读取操作的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11

最新评论