首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >UIView clipsToBounds不工作

UIView clipsToBounds不工作
EN

Stack Overflow用户
提问于 2017-12-30 09:31:35
回答 2查看 4.2K关注 0票数 1

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

content视图有圆角和以边界为界的剪辑,但它不尊重裁剪区域。我在视图控制器的clipsToBounds中设置了角半径和viewDidLoad

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

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

该应用程序针对的是iOS 10和11,两者都有相同的问题。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-12-30 11:25:52

我找到了一个解决方案,我将clipsToBound移动到viewDidLayoutSubviews中,而不是viewDidLoad,现在工作了。

代码语言:javascript
复制
override func viewDidLoad() {
    super.viewDidLoad()

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

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    contentView.clipsToBounds = true
}
票数 2
EN

Stack Overflow用户

发布于 2020-11-14 18:57:23

我这样定义了我的视图(在我的例子中是UIView):

代码语言:javascript
复制
fileprivate let backView: UIView = {
    let view = UIView()
    view.clipsToBounds = true
    view.layer.masksToBounds = false
    view.layer.cornerRadius = 10
    view.translatesAutoresizingMaskIntoConstraints = false
    return view
}()

图片:

代码语言:javascript
复制
fileprivate let imgView: UIImageView = {
    let iv = UIImageView()
    iv.translatesAutoresizingMaskIntoConstraints = false
    return iv
}()

在我的示例中,我在自定义表视图单元格中定义了这些元素:

代码语言:javascript
复制
class customCell: UITableViewCell {

虽然我在背景视图的定义中设置了"clipsToBounds = true",但没有剪辑图像。

但是,如果稍后设置"clipsToBounds = true",它会剪辑图像。

代码语言:javascript
复制
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"方法中:

代码语言:javascript
复制
backView.clipsToBounds = true
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48032649

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档