← 返回 Android 词条

圆角

Android原生支持

在 Android 上叫RoundedCornerShape

也叫 clip

Compose: Modifier.clip(RoundedCornerShape(...))

圆角由形状表达:clip 的官方描述是「把内容裁剪到 shape」,圆角是其中一种 shape。

把元素的直角拐角变成圆弧,以及这段圆弧有多大。

  • 四个角变圆
  • 不那么方的框
  • 卡片角上的弧度
  • 圆角
  • 圆角半径
  • 倒角

其他平台的相似实现

iOS原生支持
RoundedRectangle异名

圆角由形状表达:RoundedRectangle 是「带圆角的矩形,对齐到所在视图的框内」。

看 iOS 视角 →

跨端框架实现

使用规范

什么时候用

  • 需要让方块看起来更柔和时
  • 需要与平台既有控件的外观保持一致时

什么时候别用

  • 圆角大到让人误以为是按钮或标签时
  • 容器与其内部元素圆角不匹配、导致出现缝隙时

容易混淆

Android 出处

查看 Web / iOS / Android 完整对照 →