欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-12-03 10:29:10
android自定义view实现太极效果实例代码 之前一直想要个加载的loading。却不知道用什么好,然后就想到了太极图标,最后效果是有了,不过感觉用来做loading...

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();
  }

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

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