来源乐动力,最后效果如下:
其实现主要有两部分,1 背景贴图,2画路径
从上面可看出,其彩色的圆环是固定的, 其主要就是通过路径来覆盖掉不需要显示的彩色圆环.
在这里,需要用到Path 来绘制.
对于Path,我们需要了解函数path.acrTo()
参数1 代表的是一个矩形, 首先我们可以通过这个矩形来画出一个椭圆来,而这个椭圆则是我们所需要的路径, 但是我们可能并不需要其全部,而是其椭圆的一部分, 那么后面的两个参数则用于控制路径截取.
参数2 起始的角度,表示路径是从哪个地方开始画,其
参数3 表示范围,当其为正则顺时针,为负数则逆时针,如:红色的路径为 path.arcTo(rect, 45, 90),从45度的地方画到45+90度的位置. 而绿色的则是path.arcTo(rect, -90,-90) 从-90度的位置,逆时针画90度.
当画多条路径的时候,需要注意的是,其添加的顺序不同,其画出来的效果也是不一样的,
当路径中存在一条路径时,再添加一条路径进去, 那么添加进去的路径的起始会直线连接上前面的那条路径的结束处.
首先,我们从0度开始画一条路径,然后在90度的地方再画一条路径, 由于之前已经存在一条路径,因此其添加进去的路径会连接上之前的路径.
源代码下载点击这 20vb