使用滑块更改 nslayout 约束大小

Question

我想使用滑块slizer 来改变uiview 图片的大小。使用 Nslayout 约束，它会创建一个固定对象，因此我将约束作为变量添加到约束中。所以我假设在 increase func 中，startCon 将被停用，而 changeCon 将被激活。我有一段时间没有将约束用作 var，也不知道该怎么做。但我想使用 nslayout 约束来定位图片，然后使用滑块一起更改宽度和高度。

    import UIKit
class ViewController: UIViewController{
    
    var pic = UIView();var slizer = UISlider()

    
    var startCon: NSLayoutConstraint!
    var changeCon: NSLayoutConstraint!


    override func viewDidLoad() {
        [pic,slizer].forEach{
            [=10=].translatesAutoresizingMaskIntoConstraints = false
            view.addSubview([=10=])
        }

        NSLayoutConstraint.activate([
            pic.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            pic.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            pic.heightAnchor.constraint(equalTo: view.heightAnchor,multiplier: 0.3),
            pic.widthAnchor.constraint(equalTo: view.widthAnchor,multiplier: 0.3),
            
            slizer.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            slizer.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            slizer.heightAnchor.constraint(equalTo: view.heightAnchor,multiplier: 0.2),
            slizer.widthAnchor.constraint(equalTo: view.widthAnchor,multiplier: 1),
            
            
        ])
        

        
        pic.backgroundColor = .orange
        slizer.addTarget(self, action: #selector(increase), for: .touchDown)
    }
    
    @objc func increase(){
            //increase decrease size of pic
        
    }
}

Answer 1

您可以保存负责图像大小的属性，并在滑块操作中更改这些值。例如：

在方法 increase 操作中更改值 pic.heightAnchor.constraint 的乘数。

Answer 2

无法修改已激活的约束。你必须禁用你的约束并设置一个新的。

var pic = UIView()
var slizer = UISlider()
var slidermultiplier: CGFloat = 0.3
var widthConstraints: NSLayoutConstraint?

override func viewDidLoad() {
    super.viewDidLoad()
    widthConstraints = pic.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: slidermultiplier)
    
    [pic,slizer].forEach{
        [=10=].translatesAutoresizingMaskIntoConstraints = false
        view.addSubview([=10=])
    }
    NSLayoutConstraint.activate([
        pic.centerYAnchor.constraint(equalTo: view.centerYAnchor),
        pic.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        pic.heightAnchor.constraint(equalTo: view.heightAnchor,multiplier: 0.3),
        widthConstraints!,
        
        slizer.bottomAnchor.constraint(equalTo: view.bottomAnchor),
        slizer.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        slizer.heightAnchor.constraint(equalTo: view.heightAnchor,multiplier: 0.2),
        slizer.widthAnchor.constraint(equalTo: view.widthAnchor,multiplier: 1),
    ])
    
    pic.backgroundColor = .orange
    // changed to .valueChanged
    slizer.addTarget(self, action: #selector(increase), for: .valueChanged)
}

@objc func increase() {
    slidermultiplier = CGFloat(slizer.value)
    widthConstraints?.isActive = false
    widthConstraints = pic.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: slidermultiplier)
    widthConstraints?.isActive = true
}

你也可以对身高做同样的事情。您还可以为 UISlider 设置最小值和最大值，以获得 Range 的乘数。

使用滑块更改 nslayout 约束大小

use slider to change nslayout constraint size

var

constraints

slider

nslayoutconstraint

swift