如何仅显示子UIView在父UIView内的部分？仅对部分子视图生效

如果不想让所有子视图都被裁剪，只针对特定的几个子视图生效，有两种常用方案，看你的需求复杂度来选：

方案1：给需要裁剪的子视图加「裁剪容器」 #

这是最直观易维护的方法：创建一个和父视图（或者你想要的裁剪范围）尺寸一致的UIView作为容器，把需要裁剪的子视图放到这个容器里，然后给容器设置clipsToBounds = true；不需要裁剪的子视图直接添加到原父视图即可。

Swift 代码示例： #

// 原父视图
let originalParent = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
originalParent.backgroundColor = .lightGray

// 创建裁剪容器，尺寸和原父视图一致
let clipContainer = UIView(frame: originalParent.bounds)
clipContainer.clipsToBounds = true
originalParent.addSubview(clipContainer)

// 需要裁剪的子视图（故意让它超出容器范围）
let clippedView = UIView(frame: CGRect(x: -30, y: -30, width: 150, height: 150))
clippedView.backgroundColor = .systemBlue
clipContainer.addSubview(clippedView)

// 不需要裁剪的子视图（超出原父视图也会完整显示）
let nonClippedView = UIView(frame: CGRect(x: 180, y: 180, width: 50, height: 50))
nonClippedView.backgroundColor = .systemGreen
originalParent.addSubview(nonClippedView)

方案2：用CAShapeLayer给特定子视图加遮罩 #

如果需要更灵活的裁剪形状（比如圆形、圆角或者自定义路径），或者不想额外增加视图层级，可以给需要裁剪的子视图的layer设置遮罩（mask）。遮罩层会只显示和遮罩形状重叠的部分，其他区域透明。

Swift 代码示例： #

// 原父视图
let originalParent = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
originalParent.backgroundColor = .lightGray

// 需要裁剪的子视图
let clippedView = UIView(frame: CGRect(x: -30, y: -30, width: 150, height: 150))
clippedView.backgroundColor = .systemBlue
originalParent.addSubview(clippedView)

// 创建和父视图边界一致的贝塞尔路径作为遮罩形状
let maskPath = UIBezierPath(rect: originalParent.bounds)

// 创建形状图层作为遮罩
let maskLayer = CAShapeLayer()
maskLayer.path = maskPath.cgPath

// 给子视图设置遮罩
clippedView.layer.mask = maskLayer

// 不需要裁剪的子视图
let nonClippedView = UIView(frame: CGRect(x: 180, y: 180, width: 50, height: 50))
nonClippedView.backgroundColor = .systemGreen
originalParent.addSubview(nonClippedView)

踩坑提示： #

• 如果原父视图的frame发生变化（比如屏幕旋转、Auto Layout更新），你需要重新更新遮罩的路径，否则裁剪范围会出错。可以在父视图的layoutSubviews方法里重新设置遮罩路径。
• 遮罩层不会影响子视图的交互，被裁剪掉的区域依然会响应触摸事件，如果需要禁用这部分的交互，可以给子视图添加一个hitTest的判断。

内容的提问来源于stack exchange，提问作者Hamed Ghadirian