Use slider to manipulate anchors constrained by a multiplier in swift

Question

I want to use a slider to make pic imageview smaller. Right now its in its max size. The slider should be able to make it smaller. When I use the slider the pic does decrease but I cant increase it, I can only decrease it. This is a pic of what I am looking to do.

My code is in all code no storyboard used.

import UIKit

class ViewController: UIViewController {
var sd = UISlider()
var pic = UIImageView()
var start = [NSLayoutConstraint]()
var change = [NSLayoutConstraint]()

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view.

    [sd,pic].forEach{
        $0.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview($0)

        $0.backgroundColor = .systemOrange
    }
    pic.topAnchor.constraint(equalTo: view.topAnchor, constant: 12).isActive = true
    pic.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10).isActive = true
    pic.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -10).isActive = true
    start = [

        pic.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
        pic.heightAnchor.constraint(equalTo: view.layoutMarginsGuide.heightAnchor, multiplier: 1/2),


        sd.trailingAnchor.constraint(equalTo: view.centerXAnchor, constant :150),
        sd.topAnchor.constraint(equalTo: view.centerYAnchor, constant : +250),
        sd.widthAnchor.constraint(equalToConstant: 150),
        sd.heightAnchor.constraint(equalToConstant: 40)
    ]
    NSLayoutConstraint.activate(start)

    sd.addTarget(self, action: #selector(moveRight), for: .allTouchEvents)



}


@objc func moveRight(_ sender: UISlider) {
    NSLayoutConstraint.deactivate(start)

    let jessicaAlba = 300 + ( 300 * CGFloat(sd.value) )
    print(CGFloat(sd.value))
    pic.topAnchor.constraint(equalTo: view.topAnchor, constant: -jessicaAlba).isActive = true
    pic.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: jessicaAlba).isActive = true
    pic.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -jessicaAlba).isActive = true
    start = [

        pic.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
        pic.heightAnchor.constraint(equalTo: view.layoutMarginsGuide.heightAnchor, multiplier: 1/2),


        sd.trailingAnchor.constraint(equalTo: view.centerXAnchor, constant :150),
        sd.topAnchor.constraint(equalTo: view.centerYAnchor, constant : +250),
        sd.widthAnchor.constraint(equalToConstant: 100),
        sd.heightAnchor.constraint(equalToConstant: 40)

    ]
    NSLayoutConstraint.activate (start)


}
}

score 0 · Accepted Answer · answered Dec 07 '19 at 16:02

Apologies for the very crude code, but this works:

var myView = UIView()
var topConstraint: NSLayoutConstraint!
var bottomConstraint: NSLayoutConstraint!
var leadingConstraint: NSLayoutConstraint!
var trailingConstraint: NSLayoutConstraint!
var jessicaAlba:Float = 50
var slider = UISlider()

override func viewDidLoad() {
    super.viewDidLoad()

    myView.translatesAutoresizingMaskIntoConstraints = false
    myView.backgroundColor = UIColor.orange
    view.addSubview(myView)

    slider.translatesAutoresizingMaskIntoConstraints = false
    slider.minimumValue = 50
    slider.maximumValue = 200
    slider.setValue(jessicaAlba, animated: false)
    slider.addTarget(self, action: #selector(changeSize), for: .valueChanged)
    view.addSubview(slider)

    slider.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10).isActive = true
    slider.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -10).isActive = true
    slider.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -10).isActive = true


    topConstraint = myView.topAnchor.constraint(equalTo: view.topAnchor, constant: CGFloat(jessicaAlba))
    topConstraint.isActive = true
    bottomConstraint = myView.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: CGFloat(-jessicaAlba))
    bottomConstraint.isActive = true
    leadingConstraint = myView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: CGFloat(jessicaAlba))
    leadingConstraint.isActive = true
    trailingConstraint = myView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: CGFloat(-jessicaAlba))
    trailingConstraint.isActive = true
}
@objc func changeSize() {
    jessicaAlba = slider.value
    topConstraint.constant = CGFloat(jessicaAlba)
    bottomConstraint.constant = CGFloat(-jessicaAlba)
    leadingConstraint.constant = CGFloat(jessicaAlba)
    trailingConstraint.constant = CGFloat(-jessicaAlba)
}

The main thing is to:

declare the specific constraints you want to change
set isActive = true in a separate line (I know, stupid but the compiler doesn't recognize the NSLayoutConstraint type and will not build if you do it on a single line
change the constraint as needed

This is exactly what I want the only thing is I want my view to only be in the top half of the view controller I am trying to use multiplier: 1/2 but I dont know where to put it in this. — , Dec 07 '19 at 23:55

Use slider to manipulate anchors constrained by a multiplier in swift

1 Answers1