• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ios - 如何在方向更改时更新 UIView 子类中的自动布局约束

[复制链接]
菜鸟教程小白 发表于 2022-12-11 18:10:18 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我创建了一个 UIView 子类,并在其中添加了一些 imageView 和标签。我使用 Visual Format 来创建 constraints。并且 View 布局对于不同的大小类是不同的。我使用下面的代码来识别尺寸等级。

let rule = UITraitCollection(horizontalSizeClass: .regular)
let isHorizontalRegular = self.traitCollection.containsTraits(in: rule)
if isHorizontalRegular {
// constraints for  Horizontal Regular size class
} else {
// constraints for  other size class
}

由于我没有在 init 方法中获取尺寸类信息,所以我创建了所有自动布局 constraints 都是在 updateConstraints() 中创建的方法。

基于这个实现,我有一些问题。

  1. 在重写方法 updateConstraints() 中创建所有 constraint 是否正确?
  2. 如果不是,那是西方式根据size class创建自动布局constraints
  3. 如何在方向更改时更新自动布局constraints。(因为我使用视觉格式来创建自动布局constraints)?

我知道我可以使用 UIViewController 生命周期方法解决我的问题。但我使用 @IBDesignable 在 Storyboard 上呈现 View 。那么是否有可能在 UIView 子类中实现这些。

请帮我解决这些问题。



Best Answer-推荐答案


小心,一些链接继续 Obj-C 即将出现。

第一步是学习整个 View 生命周期,this should help .下一步是了解 adaptive layout 是什么是。

关注这些覆盖:

viewDidLoad(): 这是您可以设置约束的地方。确保 subview 已加载并且 translatesAutoresizingMaskIntoConstraints 对所有内容都是错误的。

viewWillLayoutSubviews(): 我倾向于在这里更改方向,但这只是因为我需要知道整体边界是纵向(高度>宽度)还是横向(宽度>高度)。听起来你有一个更好的地方......

viewWillTransition(to size: with coordinator: 这是 任何 尺寸类更改将发生或不发生的地方。 iPad 也可以滑出或 Split View。请注意,基本的 iPad 方向更改不会意味着尺寸等级的更改,因为它们是常规的/常规的。尽管如此,此功能仍将被 ping 通。

这是我通常做的模板:

var p = [NSLayoutConstraint]()
var l = [NSLayoutConstraint]()
var initialOrientation = true
var isInPortrait = false

override func viewDidLoad() {
    super.viewDidLoad()
    setUpConstraints()
}    

override func viewWillLayoutSubviews() {
    super.viewDidLayoutSubviews()
    if initialOrientation {
        initialOrientation = false
        if view.frame.width > view.frame.height {
            isInPortrait = false
        } else {
            isInPortrait = true
        }
        orientationChanged()
    } else {
        if view.orientationHasChanged(&isInPortrait) {
            orientationChanged()
        }
    }
}
func setUpConstraints() {
    view.turnOffAutoResizing()
    // append your portrait (p) and landscape (l) constraint arrays here
}

extension UIView {

    public func turnOffAutoResizing() {
        self.translatesAutoresizingMaskIntoConstraints = false
        for view in self.subviews as [UIView] {
            view.translatesAutoresizingMaskIntoConstraints = false
        }
    }
    public func orientationHasChanged(_ isInPortrait:inout Bool) -> Bool {
        if self.frame.width > self.frame.height {
            if isInPortrait {
                isInPortrait = false
                return true
            }
        } else {
            if !isInPortrait {
                isInPortrait = true
                return true
            }
        }
        return false
    }
    public func setOrientation(_ p:[NSLayoutConstraint], _ l:[NSLayoutConstraint]) {
        NSLayoutConstraint.deactivate(l)
        NSLayoutConstraint.deactivate(p)
        if self.bounds.width > self.bounds.height {
            NSLayoutConstraint.activate(l)
        } else {
            NSLayoutConstraint.activate(p)
        }
    }
}

这对于您的需求可能有点矫枉过正,但您应该能够了解它的要点。

关于ios - 如何在方向更改时更新 UIView 子类中的自动布局约束,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40825824/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap