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

发布时间:2019-11-11 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了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,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开发仿IOS滑动开关实现代码全部内容,希望文章能够帮你解决Android开发仿IOS滑动开关实现代码所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。

脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ” ,选择关注!
精选程序员所需精品干货内容!

标签: