2017-09-23 11 views
5

मैंने Human Interface Guidelines for iPhone X पढ़ा है और यह विशेष रूप से 'सुरक्षित क्षेत्र' (क्षेत्र जो आईफोन एक्स पर शीर्ष पायदान और नीचे बार दोनों के लिए प्रदान करता है) को नहीं बताता है। मैं इस क्षेत्र के पिक्सेल आयामों को जानना चाहता हूं, जिसमें शीर्ष और नीचे से हटाए गए आयाम शामिल हैं।आईफोन एक्स (पिक्सल में) के लिए 'सुरक्षित क्षेत्र' क्या है जो शीर्ष पायदान और नीचे पट्टी को कारक करता है?

उत्तर

3

निम्न विंडो के साथ वर्तमान विंडो के सुरक्षित क्षेत्र के इन्सेट प्रिंट करके, आप ऊपर और नीचे सुरक्षित क्षेत्र के बिंदु आयाम प्राप्त कर सकते हैं।

if #available(iOS 11.0, *) { 
    UIApplication.shared.keyWindow?.safeAreaInsets 
    // ... 
} 

शीर्ष क्षेत्र 44 अंक लंबा है, नीचे क्षेत्र 34 अंक लंबा है।

@ 1x = अंक @ 2x = अंक * 2 @ 3x = अंक * 3

+0

आप 44 पिक्सल में कैसे जानते हैं? जब मैं safareainsets पर कॉल करता हूं। इसे मुझे 88 –

2

Xcode 9 शुरू की safe-:

वास्तविक पिक्सेल आयाम यह डिवाइस स्क्रीन संकल्प पर निर्भर करेगा प्राप्त करने के लिए इंटरफेस बिल्डर में क्षेत्र लेआउट गाइड। आप उन्हें अपने स्टोरीबोर्ड के फ़ाइल इंस्पेक्टर में जाकर और ticking the checkbox labelled "Use Safe Area Layout Guides"

जब भी आप अपने रूट व्यू में बाधा डालते हैं, तो आपको इसे सुरक्षित क्षेत्र में बाध्य करने का विकल्प मिलता है। In this photo, नारंगी में दृश्य सुरक्षित क्षेत्र के किनारों पर बाध्य है जबकि नीले रंग में दृश्य पर्यवेक्षण के किनारों तक सीमित है।

  • ऑरेंज दृश्य के फ्रेम: (0.0, 44.0, 375.0, 734.0)
  • ब्लू दृश्य के फ्रेम: (0.0, 0.0, 375.0, 812,0)

वहां से गणना कर सकते हैं कि 44 पिक्सल थे शीर्ष सुरक्षित क्षेत्र के लिए उपयोग किया जाता है जबकि 34 पिक्सेल नीचे क्षेत्र के लिए उपयोग किया जाता था।

+0

देता है आप 44 पिक्सल में कैसे जानते हैं? जब मैं safareainsets को कॉल करता हूं। इसे मुझे 88 –

+1

@PabloMartinez देता है क्योंकि आपको 88 पिक्सल मिल रहे हैं क्योंकि आपके यूआई में नेविगेशन बार है।सुरक्षित क्षेत्र लेआउट मार्गदर्शिका को किसी अन्य UI तत्व जैसे नेविगेशन बार या टैब बार द्वारा अनबन्धित नहीं किया जाता है। अधिक जानकारी के लिए, इस वर्ष के डब्ल्यूडब्ल्यूडीसी से [इंटरफेस बिल्डर में ऑटो लेआउट तकनीक] देखें (https://developer.apple.com/videos/play/wwdc2017/412/)। –

+0

क्या आपके पास लैंडस्केप मोड के लिए समान तस्वीर है? –

0

tl; डॉ:

पोर्ट्रेट में

  • शीर्ष: 44pt
  • नीचे: 34pt
  • बाईं/दाईं: 0pt

लैंडस्केप में

  • शीर्ष: 0pt
  • नीचे: 24pt
  • बाईं/दाईं: 44pt

स्रोत: इस आयाम और के बारे में 20 संसाधनों की खुदाई ... आईओएस सिम्युलेटर :) में अभ्यास

संबंधित मुद्दे