Установить представление UIViewController в пользовательский класс UIView без раскадровки/наконечника

Question

У меня есть UIViewController по имени LoginViewController. Я хочу построить представление об этом LoginViewControllerполностью программно в обычном UIView классе под названием LoginView вместо того, чтобы строить все элементы в моем LoginViewController. Таким образом я предотвращаю код «View» в классе Controller (MVC).

В коде ниже я устанавливаю вид моей LoginViewController к моему LoginView, который только для простоты содержит 2 UILabels

class LoginViewController: UIViewController { 

override func loadView() { 
    super.loadView() 

    self.view = LoginView(frame: CGRect.zero) 
} 

Класс LoginView инициализирует обе этикетки и должны установить некоторые ограничения.

class LoginView: UIView { 

var usernameLabel: UILabel! 
var passwordLabel: UILabel! 


override init (frame : CGRect) { 
    super.init(frame : frame) 

    setupLabels() 
} 

convenience init() { 
    self.init(frame:CGRect.zero) 
} 

required init?(coder aDecoder: NSCoder) { 
    super.init(coder: aDecoder) 
} 

private func setupLabels(){ 
    //Init labels and set a simple text 
    self.usernameLabel = UILabel() 
    self.usernameLabel.text = "Username" 
    self.passwordLabel = UILabel() 
    self.passwordLabel.text = "Password" 

    //Set constraints which aren't possible since there is no contentView, perhaps using the frame? 
    } 
} 

Это не работает, так как ограничивающая зрения являются 0. Однако я не мог найти какой-либо ресурс, который дает представление в ли это возможно, поэтому я попытался мой подход, который не работал.

Как вы устанавливаете представление UIViewController на пользовательский UIView, который делается программно? Или приведенный выше фрагмент рекомендуется?

Это рабочий раствор на основе ответа Jadar в:

class LoginViewController: UIViewController { 

    override func loadView() { 
     view = LoginView() 
    } 

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

    } 
} 

class LoginView: UIView { 

var usernameLabel: UILabel! 
var passwordLabel: UILabel! 

override init(frame: CGRect) { 
    super.init(frame: frame) 

    self.usernameLabel = UILabel() 
    self.usernameLabel.text = "Username" 
    self.passwordLabel = UILabel() 
    self.passwordLabel.text = "Password" 

    addSubview(usernameLabel) 
    addSubview(passwordLabel) 

    if let superview = usernameLabel.superview{ 
     //Setting AutoLayout using SnapKit framework 
     usernameLabel.snp.makeConstraints { (make) in 
      make.center.equalTo(superview) 
     } 
    } 
} 

Результат:

Answer 1

Это выглядит на самом деле есть два вопроса. Один из них - лучший способ программной настройки ViewController. Другой, как настроить программный вид.

Во-первых, лучший способ иметь ViewController с использованием другого подкласса UIView - инициализировать и назначить его в методе loadView. Per Apple's docs:

Вы можете переопределить этот метод, чтобы создать свои представления вручную. Если вы решите это сделать, присвойте корневому представлению вашей иерархии просмотров значение свойства вида. Создаваемые вами представления должны быть уникальными экземплярами, а не должны использоваться совместно с каким-либо другим объектом контроллера вида. Ваша пользовательская реализация этого метода не должна быть вызвана супер.

Это будет выглядеть примерно так:

class LoginViewController: UIViewController {  
    override func loadView() { 
     // Do not call super! 
     view = LoginView() 
    } 
} 

Таким образом, вы не должны иметь дело с просеиванием их, как View Controller сам должен заботиться о нем (как это происходит с его собственной UIView).

Помните, что не звоните super.loadView() или контроллер будет смущен. Кроме того, в первый раз, когда я попробовал это, у меня появился черный экран, потому что я забыл позвонить window.makeKeyAndVisible() в своем App Delegate. В этом случае представление никогда не было добавлено в иерархию окон. Вы всегда можете использовать кнопку интроспектора просмотра в Xcode, чтобы узнать, что происходит.

Во-вторых, вам нужно будет позвонить self.addSubview(_:) в ваш подкласс UIView, чтобы они отображались. Когда вы добавите их в виде подзонов, вы можете добавить ограничения с помощью NSLayoutConstraint.

private func setupLabels(){ 
    // Initialize labels and set their text 
    usernameLabel = UILabel() 
    usernameLabel.text = "Username" 
    usernameLabel.translatesAutoresizingMaskIntoConstraints = false // Necessary because this view wasn't instantiated by IB 
    addSubview(usernameLabel) 

    passwordLabel = UILabel() 
    passwordLabel.text = "Password" 
    passwordLabel.translatesAutoresizingMaskIntoConstraints = false // Necessary because this view wasn't instantiated by IB 
    addSubview(passwordLabel) 

    NSLayoutConstraint.activate(NSLayoutConstraint.constraints(withVisualFormat: "V:|-10-[view]", options: [], metrics: nil, views: ["view":usernameLabel])) 
    NSLayoutConstraint.activate(NSLayoutConstraint.constraints(withVisualFormat: "V:|-20-[view]", options: [], metrics: nil, views: ["view":passwordLabel])) 

    NSLayoutConstraint.activate(NSLayoutConstraint.constraints(withVisualFormat: "H:|-10-[view]", options: [], metrics: nil, views: ["view":usernameLabel])) 
    NSLayoutConstraint.activate(NSLayoutConstraint.constraints(withVisualFormat: "H:|-20-[view]", options: [], metrics: nil, views: ["view":passwordLabel])) 
} 

Для получения дополнительной информации о визуальном языке формат, используемый для создания ограничений см VFL Guide

Answer 2

Override метод layoutSubviews обновить кадры из подвидов внутри ваш пользовательский вид.

И никогда не звоните super.loadView(). Это документировано для метода loadView.

Answer 3

Вы должны загрузить пользовательский вид, когда макет ограничение LoginViewController в уже загружено, попробуйте следующее:

override func viewDidLoad() { 
     super.viewDidLoad() 
     let newView = LoginView(frame: view.bounds) 
     view.addSubview(newView) 
    }