Android自定义view实现太极效果实例代码
程序员文章站
2023-11-17 08:33:22
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(); }
是不是很简单,也就几行代码就解决了,一开始我还打算用贝塞尔曲线的(疯了!!)。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!