← 返回 iOS 词条
内容裁剪
在 iOS 上叫clipped
SwiftUI: View.clipped(antialiased:)
官方描述是「把这个视图裁剪到它的外接矩形框」。官方还写明了默认行为:「视图的外接框默认只用于布局,所以超出框边缘的内容仍然可见」—— 也就是说不写这个修饰符就不裁剪,与 Web 默认的 visible 结论一致但框架不同:那边是盒模型,这边是「框只管布局」。
内容超出容器范围时,把露在外面的部分切掉不显示。
- 超出去的切掉
- 别让内容跑出框
- 圆角外面露出来了
- 内容裁剪
- 溢出裁剪
- 超出隐藏
其他平台的相似实现
Web原生支持
overflow异名官方定义是「设置内容装不下元素内边距盒时的期望行为」。
看 Web 视角 →Android原生支持
clip异名官方描述只有一句「把内容裁剪到形状」。
看 Android 视角 →使用规范
什么时候用
- 图片要被容器的圆角切出形状时
- 子元素可能超出容器但不希望它压到旁边内容时
什么时候别用
- 超出的内容用户仍然需要看到 → 让它滚动,而不是切掉
- 阴影、浮层这类本来就该越界的元素被一起切掉时