Как я могу отображать представления с использованием ограничений автоопределения на игровой площадке Xcode?

Я пытаюсь отобразить представления, настроенные с ограничениями autolayout на XCode игровой площадке, но, похоже, это не работает. Он как игровая площадка полностью игнорирует ограничения, и я не могу найти информацию об этой проблеме в любом месте.

Вот код, который я пробовал:

let view = UIView()
view.frame = CGRectMake(0, 0, 400, 200)
view.backgroundColor = UIColor.lightGrayColor()

let label = UILabel() // I can only see the label if I set a frame
         // UILabel(frame: CGRectMake(0, 0, 200, 50))
label.backgroundColor = UIColor.greenColor()
label.text = "I am a label"
label.setTranslatesAutoresizingMaskIntoConstraints(false)
view.addSubview(label)

let views = ["label":label]
let options = NSLayoutFormatOptions(0)

let cs1 = NSLayoutConstraint.constraintsWithVisualFormat(
    "H:|-[label]-|", options: options, metrics: nil, views:views )

let cs2 = NSLayoutConstraint.constraintsWithVisualFormat(
    "V:|-[label]-|", options: options, metrics: nil, views:views )

view.addConstraints(cs1)
view.addConstraints(cs2)

Заранее спасибо

Ответ 1

При этом вы можете использовать свойство liveView PlaygroundPage для предварительного просмотра пользовательского интерфейса.

import PlaygroundSupport

PlaygroundPage.current.needsIndefiniteExecution = true
PlaygroundPage.current.liveView = myLiveView

Здесь ссылка, которая расширяется дальше.

Если он не работает, вам может потребоваться запустить layoutIfNeeded, но это не должно действительно решить проблему, поскольку Swift 4

Кроме того, включите translatesAutoresizingMaskIntoConstraints = false в свой вид. Как:

import PlaygroundSupport

myLiveView.translatesAutoresizingMaskIntoConstraints = false
PlaygroundPage.current.needsIndefiniteExecution = true
PlaygroundPage.current.liveView = myLiveView

Ответ 2

Кажется, теперь вам нужно сделать что-то вроде этого:

import UIKit
import XCPlayground

let main = UIView(frame: CGRect(x: 0, y: 0, width: 320, height: 700))
main.backgroundColor = .blackColor()
XCPlaygroundPage.currentPage.liveView = main

// now add views and constraints to main

main // display view

Ответ 3

Мой последний код;

Если вы видите только желтый внешний UIView, то определенно нужно:

XCPlaygroundPage.currentPage.needsIndefiniteExecution = true

И чтобы убедиться, что просмотр обновляет изменения, текст метки

label.text = "I am a label3 "

ПОЛНЫЙ КОД

import UIKit
import XCPlayground

//http://stackoverflow.com/questions/30333323/how-can-i-display-views-using-autolayout-constraints-in-xcode-playground/30336502#30336502




let view = UIView()
view.frame = CGRectMake(0, 0, 300, 200)
view.backgroundColor = UIColor.yellowColor()

//-------------------------------------------------------------

XCPlaygroundPage.currentPage.liveView = view
//needed else label may not appear
XCPlaygroundPage.currentPage.needsIndefiniteExecution = true


//-------------------------------------------------------------
//LABEL
//-------------------------------------------------------------
let label = UILabel(frame: CGRectMake(0, 0,200, 50))
label.backgroundColor = UIColor.greenColor()
label.textColor = UIColor.redColor()

//TO FORCE REFRESH change text of label
label.text = "I am a label3 "

//add constraints
label.translatesAutoresizingMaskIntoConstraints = false

//COULDNT GET TO WORK
view.addSubview(label)


//--------------------------------------------------------------
//COMMENT OUT TO SEE LABEL with out constraints
//--------------------------------------------------------------
let views = ["label":label]
let options = NSLayoutFormatOptions(arrayLiteral:[])

let cs1 = NSLayoutConstraint.constraintsWithVisualFormat(
    "H:|-[label]-|", options: options, metrics: nil, views:views )

let cs2 = NSLayoutConstraint.constraintsWithVisualFormat(
    "V:|-[label]-|", options: options, metrics: nil, views:views )

view.addConstraints(cs1)
view.addConstraints(cs2)

//XCPlaygroundPage.currentPage.liveView = view

Ответ 4

Предоставленные решения не были полезны для меня. Я хотел представление, в котором я мог бы работать с ограничениями. Чтобы достичь этого, мне нужно было создать containerView с базой CGRect и добавить к нему ограничения. Все остальное не было успешным. Таким образом, я получил видимую базу и смог добавить представления только с ограничениями.

Настройте ContainerView:

let containerView = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 600, height: 400))
containerView.backgroundColor = UIColor.lightGray
containerView.translatesAutoresizingMaskIntoConstraints = false

PlaygroundPage.current.needsIndefiniteExecution = true
PlaygroundPage.current.liveView = containerView

containerView.widthAnchor.constraint(equalToConstant: 600).isActive = true
containerView.heightAnchor.constraint(equalToConstant: 400).isActive = true

Поместить представление в ContainerView с ограничениями:

let myView = UIView(frame: .zero)
myView.backgroundColor = .green
myView.translatesAutoresizingMaskIntoConstraints = false

containerView.addSubview(myView)

myView.widthAnchor.constraint(equalToConstant: 200).isActive = true
myView.heightAnchor.constraint(equalToConstant: 200).isActive = true

myView.centerXAnchor.constraint(equalTo: containerView.centerXAnchor).isActive = true
myView.centerYAnchor.constraint(equalTo: containerView.centerYAnchor).isActive = true

Это создает это представление:

enter image description here