मैं एक्सकोड खेल के मैदान में ऑटोलायआउट बाधाओं का उपयोग करके विचार कैसे प्रदर्शित कर सकता हूं?

Question

मैं ऑटोलायआउट एक्सकोड प्लेग्राउंड में बाधाओं के साथ कॉन्फ़िगर किए गए दृश्य प्रदर्शित करने का प्रयास कर रहा हूं, लेकिन ऐसा लगता है कि यह काम नहीं कर रहा है। यह खेल के मैदान की तरह बाधाओं को पूरी तरह से अनदेखा करता है, और मुझे कहीं भी इस मुद्दे के बारे में जानकारी नहीं मिल रही है।

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) 

अग्रिम

Answer 1

धन्यवाद कहा जा रहा है तो आप अपने यूआई पूर्वावलोकन करने के लिए PlaygroundPage की liveView संपत्ति का उपयोग कर सकते हैं:

यहाँ कोड मैंने कोशिश की है।

import PlaygroundSupport 

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

यहां link है जो इस पर विस्तार करता है।

तो अपने काम नहीं कर आप एक layoutIfNeeded को गति प्रदान करने के लिए कि वास्तव में स्विफ्ट 4

इसके अलावा के बाद से इस मुद्दे को हल करना चाहिए आवश्यकता हो सकती है लेकिन, अपने दृश्य पर translatesAutoresizingMaskIntoConstraints = false शामिल हैं। जैसा:

import PlaygroundSupport 

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

Answer 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 

Answer 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