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;
yr