如何实现UIImageView根据顶部栏与侧边栏的显示状态动态调整Auto Layout约束？

针对你的需求，最可靠的方式是利用Auto Layout来动态切换约束（苹果官方推荐，适配各种屏幕尺寸和旋转场景），下面是具体实现步骤：

方法一：Auto Layout 动态切换约束（推荐） #

步骤1：创建约束并关联IBOutlet #

首先，给你的UIImageView设置两组约束：

• 显示栏时的约束：UIImageView的顶部贴紧顶部栏的底部，左侧贴紧侧边栏的右侧；底部和右侧贴紧父视图的底部和右侧。
• 隐藏栏时的约束：UIImageView的四个边直接贴紧父视图的四个边。

你可以在Storyboard里创建这两组约束，然后把它们分别拖成两个IBOutlet数组（或者在代码里创建）：

// 全局变量，存储两组约束
@IBOutlet var showBarConstraints: [NSLayoutConstraint]!
@IBOutlet var hideBarConstraints: [NSLayoutConstraint]!

@IBOutlet weak var imageView: UIImageView!
@IBOutlet weak var top: UIView! // 顶部栏
@IBOutlet weak var down: UIView! // 侧边栏

步骤2：初始化约束状态 #

在viewDidLoad里，默认激活显示栏的约束，禁用隐藏栏的约束：

override func viewDidLoad() {
    super.viewDidLoad()
    // 默认显示栏，激活对应约束
    NSLayoutConstraint.activate(showBarConstraints)
    NSLayoutConstraint.deactivate(hideBarConstraints)
    // 确保imageView不使用自动转换的约束
    imageView.translatesAutoresizingMaskIntoConstraints = false
}

步骤3：在手势方法中切换约束 #

修改你的点击手势方法，在切换栏的显示状态时，同步切换约束的激活状态，还可以加上动画让过渡更流畅：

@IBAction func test(_ sender: UITapGestureRecognizer) { 
    print("single tap") 
    UIView.animate(withDuration: 0.3) {
        if !self.top.isHidden && !self.down.isHidden { 
            self.top.isHidden = true 
            self.down.isHidden = true 
            print("first") 
            // 切换到隐藏栏的约束
            NSLayoutConstraint.deactivate(self.showBarConstraints)
            NSLayoutConstraint.activate(self.hideBarConstraints)
        } else{ 
            self.top.isHidden = false 
            self.down.isHidden = false 
            // 切换到显示栏的约束
            NSLayoutConstraint.deactivate(self.hideBarConstraints)
            NSLayoutConstraint.activate(self.showBarConstraints)
        }
        // 立即更新布局
        self.view.layoutIfNeeded()
    }
}

方法二：手动调整Frame（不推荐，适配性差） #

如果你没有使用Auto Layout，也可以直接修改UIImageView的frame来实现，但这种方式在屏幕旋转、视图大小变化时需要额外处理，适配性较弱：

@IBAction func test(_ sender: UITapGestureRecognizer) { 
    print("single tap") 
    UIView.animate(withDuration: 0.3) {
        if !self.top.isHidden && !self.down.isHidden { 
            self.top.isHidden = true 
            self.down.isHidden = true 
            print("first") 
            // 隐藏栏后，imageView铺满父视图
            self.imageView.frame = self.view.bounds
        } else{ 
            self.top.isHidden = false 
            self.down.isHidden = false 
            // 显示栏时，计算imageView的新frame
            let newFrame = CGRect(
                x: self.down.frame.width,
                y: self.top.frame.height,
                width: self.view.bounds.width - self.down.frame.width,
                height: self.view.bounds.height - self.top.frame.height
            )
            self.imageView.frame = newFrame
        }
    }
}

注意事项 #

• 使用Auto Layout时，一定要确保UIImageView的translatesAutoresizingMaskIntoConstraints设置为false，否则会和手动添加的约束冲突。
• 如果需要更平滑的过渡效果，把约束切换或frame修改的代码放在UIView.animate闭包内即可。

内容的提问来源于stack exchange，提问作者Shehryar Ahmad Rajput