← 返回 iOS 词条
圆角
在 iOS 上叫RoundedRectangle
SwiftUI: .clipShape(RoundedRectangle(cornerRadius:))
圆角由形状表达：RoundedRectangle 是「带圆角的矩形，对齐到所在视图的框内」。早期的 .cornerRadius(_:antialiased:) 自 iOS 27.0 起标记废弃，官方说明是「Use clipShape(_:style:) or fill(style:) instead」。
把元素的直角拐角变成圆弧，以及这段圆弧有多大。
- 四个角变圆
- 不那么方的框
- 卡片角上的弧度
- 圆角
- 圆角半径
- 倒角
其他平台的相似实现
Web原生支持
border-radius异名看 Web 视角 →Android原生支持
RoundedCornerShape异名圆角由形状表达：clip 的官方描述是「把内容裁剪到 shape」，圆角是其中一种 shape。
看 Android 视角 →跨端框架实现
- Flutter
BorderRadiusBoxDecoration(borderRadius: BorderRadius…)常用于 BoxDecoration.borderRadius。
使用规范
什么时候用
- 需要让方块看起来更柔和时
- 需要与平台既有控件的外观保持一致时
什么时候别用
- 圆角大到让人误以为是按钮或标签时
- 容器与其内部元素圆角不匹配、导致出现缝隙时