Как мне свернуть UIViews программно?

Question

Я работаю над своим первым приложением IOS и столкнулся с проблемой. У меня довольно сложный программный пользовательский интерфейс autoloyout, который реагирует на взаимодействие с пользователем. Когда отображается клавиатура, определенные виды должны быть свернуты, другие перемещены, а другие появились на основе нескольких условий.

Теперь в состоянии по умолчанию ошибок автопоставки не происходит. Но как только вещи начинают двигаться, все разваливается. Некоторые из проблем связаны с тем, что изображения сохраняют свою высоту, в то время как значение heigconstriant их представления установлено в 0. Теперь у меня действительно включен .scaleToFill.

Однако я просмотрел stackViews, так как большинство моих Views имеют разный размер с разными вложенными элементами пользовательского интерфейса, и теперь стековые представления, похоже, решают мои проблемы. Но я, конечно, хотел бы получить какой-то вклад в это.

Теперь мои вопросы: Как мне динамически и программно свернуть UIView и UIImageviews?

Теперь я не возражаю вводить множество ограничений вручную, если это работает.

Вот ограничения рассматриваемых видов (есть и другие)

func setUpLayout() {
    // SuggestionCloud
    suggestionCloud.setConstraints(
        topAnchor: textView.bottomAnchor, topConstant: 0,
        bottomAnchor: bottomMenu.topAnchor, bottomConstant: 0,
        trailingAnchor: view.trailingAnchor, trailingConstant: -10,
        leadingAnchor: view.leadingAnchor, leadingConstant: 10)
        print("Suggestion View frame        :\(suggestionCloud.frame)")

    //WEIGHT_IMAGE_VIEW
    weigtImageView.topAnchor.constraint(equalTo: view.topAnchor, constant: 30).isActive = true
    weigtImageView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10).isActive = true
    weigtImageView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -10).isActive = true
    weigtImageView.heightAnchor.constraint(equalToConstant: 150).isActive = true
    weigtImageView.addSubview(weightLabel);
    print("Weight Image View \(weigtImageView.frame)")

    //WEIGHT_LABEL
    weightLabel.trailingAnchor.constraint(equalTo: weigtImageView.trailingAnchor, constant: -30).isActive = true;
    weightLabel.leadingAnchor.constraint(equalTo: weigtImageView.leadingAnchor, constant: 25).isActive = true;
    weightLabel.heightAnchor.constraint(equalTo: weigtImageView.heightAnchor, multiplier: 1).isActive = true;

    //TEXT_VIEW
    textView.topAnchor.constraint(equalTo: weigtImageView.bottomAnchor).isActive = true;
    textView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10).isActive = true
    textView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -10).isActive = true;
    textView.heightAnchor.constraint(equalToConstant: 100).isActive = true;
    textView.addSubview(nameTextField)
    textView.addSubview(tagTextField)
    textView.addSubview(setButtonView)

   //TAG_CONTROLLER
    tagController.heightAnchor.constraint(equalToConstant: 110).isActive = true;
    tagController.topAnchor.constraint(equalTo: self.weigtImageView.bottomAnchor).isActive = true;
    tagController.leadingAnchor.constraint(equalTo:  self.view.leadingAnchor, constant : 10).isActive = true
    tagController.trailingAnchor.constraint(equalTo: self.view.trailingAnchor, constant: -10).isActive = true

    //SET_BUTTON_VIEW
    setButtonView.topAnchor.constraint(equalTo: textView.topAnchor).isActive = true;
    setButtonView.bottomAnchor.constraint(equalTo: textView.bottomAnchor).isActive = true;
    setButtonView.trailingAnchor.constraint(equalTo: textView.trailingAnchor).isActive = true;
    setButtonView.widthAnchor.constraint(equalToConstant: 110).isActive = true;


    //NAME_TEXT_FIELD
    nameTextField.trailingAnchor.constraint(equalTo: setButtonView.leadingAnchor, constant: -5).isActive = true
    nameTextField.leadingAnchor.constraint(equalTo: textView.leadingAnchor, constant: 10).isActive = true
    nameTextField.topAnchor.constraint(equalTo: textView.topAnchor, constant: 13).isActive = true
    nameTextField.heightAnchor.constraint(equalToConstant: 31).isActive = true
    nameTextField.layer.cornerRadius = 8
    nameTextField.backgroundColor = .white;


    //TAG_TEXT_FIELD
    tagTextField.trailingAnchor.constraint(equalTo: setButtonView.leadingAnchor, constant: -5).isActive = true
    tagTextField.leadingAnchor.constraint(equalTo: textView.leadingAnchor, constant: 10).isActive = true
    tagTextField.bottomAnchor.constraint(equalTo: textView.bottomAnchor, constant: -13).isActive = true
    tagTextField.heightAnchor.constraint(equalToConstant: 31).isActive = true
    tagTextField.layer.cornerRadius = 8
    tagTextField.backgroundColor = .white

вот настройка viewcontrollers:

   class UIScaleControllerVew: UIViewController, UITextFieldDelegate, SuggenstionCloudDelegate {

let weigtImageView : UIImageView = {
    var imageView = UIImageView(image: UIImage(named: "scaleVisorShadow"));
    imageView.contentMode = .scaleToFill
    imageView.translatesAutoresizingMaskIntoConstraints = false;
    return imageView
}()

let weightLabel : UILabel = {
    let label = UILabel()
    label.text = "135 gr"
    label.font = UIFont(name: "Avenir-Light", size: 50.0)
    label.textAlignment = .right
    label.translatesAutoresizingMaskIntoConstraints = false
    return label
}();

let textView : UIView = {
    var view = UIView()
    view.translatesAutoresizingMaskIntoConstraints = false;
    return view;
}();
let setButtonView : UIImageView = {
    var imageView = UIImageView(image: UIImage(named: "setButton"))
    imageView.translatesAutoresizingMaskIntoConstraints = false;
    return imageView;
}();



let nameTextField : UITextField = {
    var textField = UITextField();
    textField.tag = 2;
    textField.translatesAutoresizingMaskIntoConstraints = false;
    textField.addTarget(self, action: #selector(nameFieldEditingChanged(_:)), for: UIControl.Event.editingChanged)
    return textField;
}();

let tagTextField : UITextField = {
    var textField = UITextField();
    textField.tag = 1;
    textField.translatesAutoresizingMaskIntoConstraints = false;
    textField.addTarget(self, action: #selector(textFieldEditingChanged(_:)), for: UIControl.Event.editingChanged)
    return textField;
}();

let bottomMenu : UIView = {
    var view = UIView()
    view.translatesAutoresizingMaskIntoConstraints = false;
    return view;
}();

let saveButton : UIButton = {
    let button = UIButton()
    button.setImage(UIImage(named: "save"), for: .normal)
    button.translatesAutoresizingMaskIntoConstraints = false;
    return button
}();

let microPhoneButton : UIButton = {
    let button = UIButton()
    button.setImage(UIImage(named: "microPhone"), for: .normal)
    button.translatesAutoresizingMaskIntoConstraints = false;
    return button;
}();

let suggestionCloud : SuggenstionCloud = {        
    let cloud =  SuggenstionCloud(image: UIImage(named: "suggestionCloud.png"))
    cloud.translatesAutoresizingMaskIntoConstraints = false;
    return cloud;
}();
let tagController : TagController = {
    let tagController = TagController()
    tagController.translatesAutoresizingMaskIntoConstraints = false
    return tagController;
}()

let scaleModel = ScaleModel.init()

override func viewDidLoad() {
    super.viewDidLoad()
    print("UIScaleController_DidLoad")
    tagTextField.delegate = self
    nameTextField.delegate = self;
    suggestionCloud.delegate = self;
    view.backgroundColor = UIColor(hexString: "8ED7F5")
    view.addSubview(weigtImageView)
    view.addSubview(textView)
    view.addSubview(bottomMenu);
    view.addSubview(suggestionCloud)
    view.addSubview(tagController)
    tagController.isHidden = true;


    setUpLayout()

    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShowNotification(notification:)), name: UIResponder.keyboardWillShowNotification, object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHideNotification(notification:)), name: UIResponder.keyboardWillHideNotification, object: nil)
}
deinit {
    NotificationCenter.default.removeObserver(self, name: UIResponder.keyboardWillShowNotification, object: nil)
    NotificationCenter.default.removeObserver(self, name: UIResponder.keyboardWillHideNotification, object: nil)
}

var didSetUpSuggestionCloud = false
var didSetUpTagController = false
override func viewDidLayoutSubviews() {
    guard !self.didSetUpTagController else {
        return
    }
    guard !self.didSetUpSuggestionCloud else {
        return
    }
    self.didSetUpSuggestionCloud = true
    self.didSetUpTagController = true
};

и вот проблемный код:

@objc func keyboardWillShowNotification(notification: Notification ) {
    if let keyboardSize = (notification.userInfo?[UIResponder.keyboardFrameBeginUserInfoKey] as? NSValue)?.cgRectValue {

        // collapse and hide bottom view
        bottomMenu.contentMode = .scaleToFill;
        bottomMenu.heightAnchor.constraint(equalToConstant: 0).isActive = true;
        bottomMenu.isHidden = true

        // collapse and hide top view
        weigtImageView.contentMode = .scaleToFill;
        weigtImageView.heightAnchor.constraint(equalToConstant: 0).isActive = true;
        weigtImageView.isHidden = true;



        // spawn my tag view
        tagController.topAnchor.constraint(equalTo: self.textView.bottomAnchor).isActive = true;
        tagController.bottomAnchor.constraint(equalTo: suggestionCloud.topAnchor).isActive = true
        tagController.isHidden = false;

        // set textviews new constraints
        textView.bottomAnchor.constraint(equalTo: tagController.topAnchor).isActive = true;
        // set middleView's new constraints
        suggestionCloud.topAnchor.constraint(equalTo: tagController.bottomAnchor).isActive = true;
        suggestionCloud.bottomAnchor.constraint(equalTo: bottomMenu.topAnchor, constant: -keyboardSize.height).isActive = true

        self.view.layoutIfNeeded()
    }
}

Теперь происходит так много неожиданностей, что я уверен, что мой подход к этому концептуально неверен. Пожалуйста, дайте мне знать, где мне нужно искать решение.

Вот несколько фотографий того, что происходит до сих пор:

Итак, когда клавиатура поднята: WeightView свернут: облако предложения и текст перемещены вверх. Если тег добавлен, то новое представление с именем tagController должно находиться между texView и SuggesitonCloud. Lastyl the keybaord нужно снова свернуть.

Я добавлю несколько скриншотов

Answer 1

Одна вещь, на которую вы могли бы обратить внимание, это дублирующие ограничения.

Каждый раз, когда вы звоните weigtImageView.heightAnchor.constraint(equalToConstant: 0).isActive = true, вы создаете новое ограничение. Это не заменяет автоматически любые предыдущие ограничения высоты, которые активны.

Чтобы заменить ограничение, вам нужно сохранить ссылку на него, деактивировать его, а затем активировать новое (и при необходимости присвоить ему переменную, которую вы используете для хранения ссылки).

Представления стека
Представления стека могут быть полезны в вашей ситуации, потому что они автоматически свернут представления, для которых isHidden имеет значение true. Я думаю, что, пока прямые подпредставления StackView имеют внутренний размер контента (например, правильные внутренние ограничения), они должны быть правильно размещены StackView.

Answer 2

Вы можете изменить константу ограничения heightAnchor следующим образом:

import Foundation
import UIKit

class TestController : UIViewController {

var myViewHeightConstraint : NSLayoutConstraint!

let myView : UIControl = {
    let newView = UIControl()
    newView.translatesAutoresizingMaskIntoConstraints = false
    newView.backgroundColor = .red
    return newView
}()

override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = .white


    self.myView.addTarget(self, action: #selector(viewClicked), for: .touchUpInside)
    self.myViewHeightConstraint = myView.heightAnchor.constraint(equalTo: view.safeAreaLayoutGuide.heightAnchor)

    setup()
}

func setup(){

    view.addSubview(myView)

    myView.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    myView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
    myView.widthAnchor.constraint(equalTo: view.widthAnchor).isActive = true
    self.myViewHeightConstraint.isActive = true

}

@objc func viewClicked() {
    self.myViewHeightConstraint.constant = -self.myView.frame.size.height
}

}

В моем примере я установил константу на минус высоту высоты рамки вида, что фактически сворачивает ее.

Answer 3

Если у вас нет строгой ссылки на ваши представления для освобождения, то достаточно выполнить это:

if view2Breleased.superview != nil {
    view2Breleased.removeFromSuperview()
}

Вид исчезнет и будет освобожден из памяти.

Если вы не знаете, что такое сильная ссылка, попробуйте код, который я написал. Все равно виды исчезнут.

(Сильная ссылка означает, что вы присвоили представление переменной, которая сохраняется после выполнения кода view2Breleased.removeFromSuperview() и выхода из вызова функции, где находится код view2Breleased.removeFromSuperview().)