带圆角的矩形是由中心矩形与四个象限的四分之一圆弧拼接而成的复合图形,其边界由四段直线(被圆角截断)和四个半径为r的圆弧组成;数学上判断点是否在内需满足:归一化坐标后,若位于角区则到对应圆心距离≥r,否则落在裁剪后的矩形范围内。

什么是“带圆角的矩形”在数学和代码里的实际定义
带圆角的矩形不是标准几何图形,而是由一个中心矩形 + 四个象限的四分之一圆弧拼接而成。关键在于:它的边界由两部分构成——中间的直线段(上下左右四边,但被圆角截断)和四个角落的圆弧。判断点 (x, y) 是否在其内部,本质是判断该点是否满足“距矩形中心在 x/y 方向不超过有效半宽/半高,且距每个圆角中心的距离不小于圆角半径”的复合条件。
最直接的实现思路:先裁剪坐标,再比对圆角距离
假设矩形左上角为 (x0, y0),宽 w、高 h,圆角半径为 r(注意:r 不能超过 w/2 或 h/2,否则圆角会重叠或无效)。我们把点 (x, y) 映射到以矩形左上为原点的局部坐标系,再进一步归一化到“去圆角”的核心区域:
- 计算点相对于矩形的相对位置:
dx = max(0.0, min(x - x0, w)),dy = max(0.0, min(y - y0, h)) - 此时
(dx, dy)落在[0, w] × [0, h]内;若它落在四个角的“圆角影响区”,即:
— 左上角:dx <br>— 右上角:<code>dx >= w - r && dy <br>— 左下角:<code>dx = h - r
— 右下角:dx >= w - r && dy >= h - r - 对每个角,检查点到该角圆心的距离是否 ≥
r:例如右下角圆心是(w - r, h - r),则需满足pow(dx - (w - r), 2) + pow(dy - (h - r), 2) >= r * r - 其余区域(非圆角区)只需判断
dx >= 0 && dx = 0 && dy 即可,但要注意:由于前面用了 <code>max/min,这步其实已隐含成立
容易踩的坑:r 过大、浮点精度、坐标系方向
常见错误不是算法错,而是边界处理失当:
-
r超出合法范围(比如r > w/2 || r > h/2)会导致圆角区域互相覆盖,此时应提前 clamp:r = min(r, min(w, h) / 2.0) - 使用整数坐标时,
pow(x, 2)可能引入不必要的浮点误差,建议直接写(dx - cx) * (dx - cx) + (dy - cy) * (dy - cy) - UI 坐标系常为 y 向下(如 Qt、SDL),而数学习惯 y 向上;若输入点来自屏幕坐标,确认
y0是 top 还是 bottom —— 多数情况下y0是 top,h向下延伸,无需翻转 - 严格等于边界(如点恰在圆弧上)是否算“内部”?取决于需求:若要包含边界,所有比较用
>=/;若要严格内部,全部用 <code>>/
一个轻量级 C++ 函数示例
bool isPointInRoundedRect(double x, double y,
double x0, double y0, double w, double h, double r) {
if (r w || dy h) return false;
<pre class="brush:php;toolbar:false;">// Normalize to [0, w] × [0, h]
dx = std::max(0.0, std::min(dx, w));
dy = std::max(0.0, std::min(dy, h));
// Check corners
if (dx = w - r && dy = h - r) { // bottom-left
return (dx - r) * (dx - r) + (dy - (h - r)) * (dy - (h - r)) >= r * r;
}
if (dx >= w - r && dy >= h - r) { // bottom-right
return (dx - (w - r)) * (dx - (w - r)) + (dy - (h - r)) * (dy - (h - r)) >= r * r;
}
return true; // inside flat region}
这个函数没用任何第三方库,只依赖 std::min 和基本算术。真正麻烦的从来不是公式,而是你传进去的 w、h、r 是否来自同一坐标系,以及是否真的理解“圆角矩形”在你当前渲染管线里是怎么 rasterized 的。
C++免费学习笔记(深入):立即使用
在学习笔记中,你将探索 C++ 的入门与实战技巧!











