day03_56_尚硅谷_硅谷p2p金融_自定义圆形进度条的圆弧绘制

好，下面我们来看一下这个圆弧怎么去画，还是回过来来画这个画这个啊嗯，画这个的话呢，还是教我们这个convers这个方法啊，这个时候呢，叫照一个啊ARC啊，这个呢叫绘制一个圆弧的意思，看一下这个参数。啊，选这个吧。啊，其实这个跟下边这个类似哈，这个呢就是左上右下，只不过我们把这四个参数呢，封装在这个变量里面了，啊后边这些呢，其实这个参数你看要啊，所以用哪个都可以，如果用上面这个的话呢，它需要一个叫RA。是吧，呃，这呢，实际上就对应是一个矩形的一个区域啊，然后下边呢，有开始的角度结，你画多少结束的角度，或者说嗯，这有这个，这也不知道干什么用的，一会我们可以测试一下或者行的啊，还有一个画笔。好，就这样啊。那首先呢，我们这呢，说他见到了一个叫raf，这我们可以专门就给它定义成这样的一个。

别凉啊。哎，定个他，然后呢，前面声明一下。啊，这就是个right f啊，这个right f呢是什么？我们这样看一下它这啊呃，有空参的，还有一个带参的代餐的，就是左上右下，跟我们刚才看这个方法的第二个那个一样啊，就是把那几个左上右下呢分了在这里边而已。呃，这是一个什么呢？这实际上是一个句型。那这个句型呢，左上右下，那实际上就指明左上无外乎就是左上顶点，右下呢就下顶点指明你这个矩型的一个区域，那这个矩型到底是哪个句型。嗯。单接那个矩型，哎，确实是啊，哎这里边呢，我们看到有我这画了两个矩型，就一个呢，是整个我们这个圆环的一个外切矩形，就是我们外边这个蓝色的。啊，还有一个呢，是这个黄色的，黄色的呢，就是以这个，如果你以这个半径。

画一个圆的话，半径注意我们是这个中心线的这个值啊，以这个半径画一个圆，那这个黄色的呢，是这个半径画的这个圆的一个外切圆。能理解吧，嗯，那我们这里边应该用哪个呢？这个呢，就不是咱说了算了啊，就是系统呢，就是它默认呢，指定的就是按照这个半径啊，一一个中心画的一个圆的这个外切的正方形，比如我们这里边黄色的区域。其实这时候你要说怎么去理解这个事儿，其实也好说啊，因为这时候你告诉他说按按外边画的话呢，那你有可能很宽是吧，那你外边画呢，好像感觉有点画的有点多了，按里边呢也不太准确，所以呢就是都以中心线。啊，就是大家就是相当于大家都妥协一步是吧，以中心线为这个标准啊，去画这样子啊。好，那这个黄的呢，那我们就比较关心它的左上和右下。

那黄的这个句型左上。多少？左上的话呢，这你。这个round的一半吧，哎，对啊。哎，注意那那个是不是一样啊。哎，这是它的一个左上行，这我们一会就知道这个怎么去写了。看。右向。嗯，右下那就是先对先整个是一个Y啊减去一半吧，那就是这样减去。Round。Y除以二跟这个也一样。

哎，就这样就可以了啊，行，左上右下搞定，那我们这个right f就搞定了，先把这个先搞定写好啊，那就这里边就按照我们刚才说的这样去写，呃，Round one除以2ROUND one。除以二，这是它的左上右下Y。减去round y除以二。减去。会号啊，看说谁不到啊，下行这个句型呢，我们就搞定了，进行搞定以后呢，接着看，嗯，他还得需要让我们告诉一下起始的一个安角度啊零路吧。啊，那我应该画多少度啊？一圈360度。二二百七，嗯。画一百八应该是是吧，哎，你这不正好是占你整个进度的一半吗？那你应该画180度啊，那我可能不是50，我写了60。那那那就得算一算了啊，那这就通用的怎么写啊。

是不是你整个这个进度除以一下这个max，先看看你现在是进度是百分之多少。哎，对，然后再乘以一个360。这样就可以了吧。然后下边呢，有一个布尔型的，这个也不知道他想干什么，我们先写成一个触看看效果，或者你看注释也行啊，我们这呢直接就看效果，最后呢，有个pen带啊，整个喷的就可以啊，喷的这个画饼呢颜色变了。点一个color，嗯，我们换成是这叫round progress。Progress那个color行，这呢改变了这个画笔的一个颜色。OK，写完了啊，写完以后我们来看这个效果。

这是画的是什么呀，这是。感觉很诡异是吧？这到底有点像，有一个是不是商标就长得有点像啊？看看。嗯，照一个它left f他画了，然后零呢也画了这个，它是当前的一个进度，进度的话呢，看它只是个零。你看啊，Progress progress，我们这写的是50是吧。嗯，按六十六十除以100印的行了。是不是零了，所以呢，你这时候看到的这个进度值是不是相当于是零了啊，就成这样了啊，那那不对怎么着。下吧。这样呗，哎，这个时候呢，算出来就是一个小数了，这样乘三百六才有意义。

啊，这注意一下。看到了哈。这不就是60%嘛，就这个范围，嗯，那你整两个这个线还是挺丑的哈，这两个线呢，实际上就是我们这个变量。哎，出的时候它就是这样的效果改成false。这样吗？还是很漂亮的啊，哎，这就是60%的一个效果，哎，这呢就是我们绘制这个叫啊圆弧啊嗯，这里边第三个类变量，你看你F2一下，嗯，它叫use use center，就是不是使用中心点。

啊，那就是刚才写处的时候呢，使用中心点，那相当于他就把中心点给你连了一下啊，False就不使用中心点，这就不要连这个了啊，大概就这个意思啊。行位置圆弧。