欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

Android自定义view实现太极效果实例代码

时间:2021-01-16 12:31:32|栏目:Android代码|点击:

Android自定义view实现太极效果实例代码

之前一直想要个加载的loading。却不知道用什么好,然后就想到了太极图标,最后效果是有了,不过感觉用来做loading简直丑到爆!!!

实现效果很简单,我们不要用什么贝塞尔曲线啥的,因为太极无非就是圆圆圆,只要画圆就ok了。来上代码:

因为有黑有白,所以定义2个画笔分别为黑和白。

private void inital() {
    whitePaint = new Paint();
    whitePaint.setAntiAlias(true);
    whitePaint.setColor(Color.WHITE);
    blackPaint = new Paint();
    blackPaint.setAntiAlias(true);
    blackPaint.setColor(Color.BLACK);
  }

最后来画3个圆就可以解决了:

 protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    Point centerPoint = new Point(width / 2, height / 2);
    canvas.translate(centerPoint.x, centerPoint.y);
    canvas.rotate(angle);
    //绘制两个半圆
    int radius = Math.min(bitmapwidth, bitmapheight) / 2;
    RectF rect = new RectF(-radius, -radius, radius, radius);  //绘制区域
    canvas.drawArc(rect, 90, 180, true, blackPaint);      //绘制黑色半圆
    canvas.drawArc(rect, -90, 180, true, whitePaint);      //绘制白色半圆
    //绘制两个小圆
    int smallRadius = radius / 2;
    canvas.drawCircle(0, -smallRadius, smallRadius, blackPaint);
    canvas.drawCircle(0, smallRadius, smallRadius, whitePaint);
    //绘制鱼眼
    canvas.drawCircle(0, -smallRadius, smallRadius / 4, whitePaint);
    canvas.drawCircle(0, smallRadius, smallRadius / 4, blackPaint);
    if (load) {
      angle += 10;
      if (angle >= 360) {
        angle = 0;
      }
    }
    invalidate();
  }

是不是很简单,也就几行代码就解决了,一开始我还打算用贝塞尔曲线的(疯了!!)。

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

上一篇:Android自定义scrollView实现顶部图片下拉放大

栏    目:Android代码

下一篇:Android实现环形进度条代码

本文标题:Android自定义view实现太极效果实例代码

本文地址:http://www.codeinn.net/misctech/46155.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有