UIView clipsToBounds 不起作用答案

【问题标题】：UIView clipsToBounds doesn't workUIView clipsToBounds 不起作用
【发布时间】：2018-06-10 11:41:58
【问题描述】：

我有一个带有 XIB 的视图控制器，里面有一个视图 (contentView)。此视图包含一些按钮。

内容视图具有圆角和边界剪辑，但它不尊重剪辑矩形。我在视图控制器的viewDidLoad 中设置了圆角半径和clipsToBounds。

在这里您可以看到显示视图以正确的方式组成的显示屏幕截图，但在模拟器和设备上的剪辑边界不受尊重。

任何人都可以帮助我了解发生了什么。

该应用针对 iOS 10 和 11，两者都有相同的问题。

【问题讨论】：

请显示您使用的代码，特别是在您参考的 viewDidLoad 中。如果没有它，我们如何判断它是否设置不正确。
这是 xcode ??你可以使用哪个工具？？
@UpholderOfTruth 我发布了解决方案。

标签： ios iphone swift uiview

【解决方案1】：

我找到了一个解决方案，我在 viewDidLayoutSubviews 中移动了 clipsToBound 而不是 viewDidLoad 并且现在可以工作了

override func viewDidLoad() {
    super.viewDidLoad()

    contentView.layer.cornerRadius = Dimensions.CornerRaius
    contentView.dropShadow()
}

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    contentView.clipsToBounds = true
}

【讨论】：

contentView.clipsToBounds = true 在您移动之前在哪里。
在 viewDidLoad.

【解决方案2】：

我这样定义了我的视图（在我的例子中是 UIView）：

fileprivate let backView: UIView = {
    let view = UIView()
    view.clipsToBounds = true
    view.layer.masksToBounds = false
    view.layer.cornerRadius = 10
    view.translatesAutoresizingMaskIntoConstraints = false
    return view
}()

图片：

fileprivate let imgView: UIImageView = {
    let iv = UIImageView()
    iv.translatesAutoresizingMaskIntoConstraints = false
    return iv
}()

在我的例子中，我在自定义表格视图单元格中定义了这些元素：

class customCell: UITableViewCell {

虽然我在背景视图的定义中设置了"clipsToBounds = true"，但不是裁剪图像。

但是，如果我稍后设置 "clipsToBounds = true"，它会剪切图像。

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)

    backView.addSubview(imgView)
    contentView.addSubview(backView)

    imgView.topAnchor.constraint(equalTo: backView.topAnchor, constant: 0).isActive = true
    imgView.leadingAnchor.constraint(equalTo: backView.leadingAnchor, constant: 0).isActive = true
    imgView.trailingAnchor.constraint(equalTo: backView.trailingAnchor, constant: 0).isActive = true
    imgView.heightAnchor.constraint(equalTo: imgView.widthAnchor, multiplier: 1/4).isActive = true

    backView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 0).isActive = true
    backView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 15).isActive = true
    backView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -15).isActive = true
    backView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: 0).isActive = true

而在“init”方法里面：

backView.clipsToBounds = true

【讨论】：

向 init 添加 .clipToBounds 方法真的很有帮助！