2013-07-29 10 views
11

केंद्र के लिए स्टोरीबोर्ड और ऑटोलायआउट का उपयोग करके मैं कहानी बोर्ड और ऑटो लेआउट का उपयोग करके आईओएस ऐप बना रहा हूं ताकि यह आईफोन 4 और आईफोन 5 दोनों पर अच्छा काम करे। नीचे दृश्य स्क्रीन का शॉट शॉट है कि मैं कहानी बोर्ड का उपयोग कर बना रहा हूं।
आईओएस - UIScrollView

enter image description here

ऊपर छवि में, मैं पुस्तक दृश्य रखने के लिए superview के अग्रणी धार और सही तालिका दृश्य से बीच में चाहते हैं। मैं स्क्रॉल व्यू को आईफोन 5 में अपनी चौड़ाई बढ़ाने के लिए नहीं चाहता हूं। मैंने बाधाओं के विभिन्न संयोजनों की कोशिश की, लेकिन मैं इसे हासिल नहीं कर सका।

क्या कुछ मुझे सुझाव दे सकते हैं कि मुझे सभी बाधाएं क्या हैं जिन्हें मुझे स्क्रॉल व्यू के लिए सेट करना है ताकि यह केंद्र में हो।

उत्तर

6

आपको स्क्रीन पर अतिरिक्त दृश्य जोड़कर ऐसा करने की आवश्यकता होगी।

पल आप पर ...

- UIView (main view) 
    | 
    | - scrollView 
    | - tableView 

आप इस तरह एक और दृश्य के अंदर पुस्तक दृश्य रखना चाहिए ...

- UIView (main view) 
    | 
    | - UIView (spacer View) 
    | | - scrollView 
    | 
    | - tableView 

अब इन बाधाओं है कि आप क्या कर सकते हैं। ..

spacer view leading edge constraint to super view = 0 
spacer view trailing edge to table view leading edge = 0 
table view width = (whatever the width is) 
table view trailing edge to super view = 0 

यह स्पेसर दृश्य और तालिका दृश्य को बाहर रखेगा ताकि स्पेसर दृश्य बढ़े।

अब आप को जोड़ने के लिए ...

scroll view width = x 
scroll view height = y 
scroll view centered vertically in super view 
scroll view centered horizontally in super view. 

अब, क्योंकि पुस्तक देखने के सुपर दृश्य स्पेसर दृश्य तो यह हमेशा तालिका दृश्य और अंतरिक्ष के बाकी के बीच में केंद्रित हो जाएगा की जरूरत है।

35

स्टोरीबोर्ड

पर एक दृश्य को केंद्र में कैसे इस उत्तर Xcode 8.

इस उत्तर लोग हैं, जो सिर्फ कैसे एक का उपयोग कर चीजों को केंद्र में रखने के लिए एक सामान्य खोज कर रहे हैं के लिए है के लिए अद्यतन किया गया है स्टोरीबोर्ड और बाधाओं को समझ में नहीं आता है।

मुझे लगता है कि आप स्टोरीबोर्ड (एक्सआईबी फाइल नहीं) और ऑटो लेआउट का उपयोग कर रहे हैं। यह आजकल डिफ़ॉल्ट है इसलिए यदि आप नहीं जानते कि इसका क्या अर्थ है तो इसके बारे में चिंता न करें। यदि आप जांचना चाहते हैं, तो आप प्रोजेक्ट नेविगेटर में मुख्य.स्टोरीबोर्ड और फिर फ़ाइल इंस्पेक्टर पर क्लिक कर सकते हैं। (जो भी देखते हैं वे केंद्र के लिए चाहते हैं या) स्टोरीबोर्ड पर

enter image description here

अपना बटन चुनें: आप यह सुनिश्चित करें कि उपयोग ऑटो लेआउट चेक किया गया है सकते हैं। फिर नीचे दाईं ओर संरेखण बटन पर क्लिक करें। "कंटेनर में क्षैतिज" और "वर्टिकल इन कंटेनर" का चयन करें। "2 बाधाएं जोड़ें" पर क्लिक करें।

enter image description here

यह पूरी तरह पहले से ही केंद्रित नहीं था, तो आप एक और बात करने की ज़रूरत हो सकती है। "फ्रेम्स अपडेट करें" बटन पर क्लिक करें जो संरेखण बटन के बाईं ओर दो है। आपका विचार अब स्टोरीबोर्ड पर केंद्रित होना चाहिए।

enter image description here

और अधिक महत्वपूर्ण बात, अब जब आप अपने अनुप्रयोग चलाने यह किसी भी डिवाइस आकार आप उपयोग कर रहे केंद्रित होना चाहिए।

मैंने मूल रूप से इसे Creating the user interface – Auto layout से सीखा। मूल विचार अभी भी वही है, लेकिन यूआई व्यवस्था अब एक्सकोड में थोड़ा बदल गई है।

भी

+0

देखें यह मेरे प्रश्नों के लिए irrelavant जवाब है। मैंने जो स्क्रॉलव्यू उल्लेख किया है वह क्षैतिज और ऊर्ध्वाधर केंद्र में नहीं हो सकता है। इसका अभिभावक दृश्य नियंत्रक का दृश्य है। – Satyam

+13

मुझे एहसास है कि यह आपके प्रश्न का उत्तर नहीं देता है। आप @ फोगमेस्टर के जवाब को स्वीकार करने का अधिकार नहीं थे, मेरा नहीं। हालांकि, आपके शीर्षक के कारण कई लोग यहां एक स्टोरीबोर्ड पर कुछ केंद्र कैसे सीखने की उम्मीद करते हैं। यह वो लोग हैं जिन्हें मैं मदद करने की कोशिश कर रहा हूं। – Suragch