一、写在前文
之前写过一篇博客 – 巧妙使用WilliamChart绘制出只有两个圆角的柱状图,当时是项目需要,所以用了第三方的库去实现只有顶部带两个圆角的柱状图。虽然最终是实现了效果,但是第三方的图表自定义不够,例如控制柱状图的间距,高度等等。所以,最终决定自己去绘制圆角柱状图。
二、分析需求
首先是绘制圆角矩形,系统为我们提供的API为 drawRoundRect 参数如下:
对与rect,paint就不用解释了, 那么rx,ry具体是什么呢,请接着往下看:
其实rx,ry就是确定椭圆的两个焦半径,使用drawRoundRect时,会根据给定的rx,ry在矩形里面绘制4个四分之一椭圆,每个椭圆的位置以及大小由矩形的每个顶点加上rx,ry确定,由此可见效果如下: