22、《图形绘制与操作全解析》

《图形绘制与操作全解析》

1. 绘制圆角矩形与图形

在图形绘制中，圆角矩形的绘制是一项常见操作。以下通过不同的设置展示了多种圆角矩形的绘制效果：
- 矩形 1 ：在 x 和 y 方向上的圆角默认设置为 25%，即使用垂直距离的 25% 和水平距离的 25% 来创建圆角。
- 矩形 2 ：通过 drawRoundedRect() 函数绘制，水平和垂直圆角设置为 50%，而非默认的 25%。
- 矩形 3 ：将高度和宽度设置为相同值，并将圆角设置为 100%，结果绘制出一个圆形。
- 矩形 4 ：垂直和水平圆角默认设置为 25%，但由于矩形宽度大于高度，水平方向涉及更多像素，导致曲线不对称。
- 矩形 5 ：将其中一个（或两个）圆角值设置为 0%，会使角变为直角。例如，垂直圆角设置为 50%，但水平设置为 0%，水平线条会直接延伸到角。
- 矩形 6 ：垂直圆角设置为 100%，水平圆角设置为 30%。
- 矩形 7 ：水平和垂直圆角都设置为 100%，结果绘制出一个椭圆。
- 矩形 8 ：为了实现对称圆角，需要选择一个像素值，然后根据高度和宽度计算每个方向的百分比：

xround = (100 * pixels) / height;
yro