मोबाइल स्क्रीन का आकार और टैबलेट (iPhone, iPad, गैलेक्सी, आदि।. ), IOS उपकरणों के स्क्रीन आकारों को वर्गीकृत करें – IOS के लिए UIKIT के साथ एक उत्तरदायी एप्लिकेशन बनाएं – OpenClassrooms
IOS के लिए UIKIT के साथ एक उत्तरदायी एप्लिकेशन बनाएं
iPhone 6+, 6s+, 7+, 8+
मोबाइल स्क्रीन आकार और टैबलेट
स्मार्टफोन या टैबलेट का चयन करते समय आकार और स्क्रीन रिज़ॉल्यूशन दो आवश्यक विशेषताएं हैं. नीचे दिया गया चित्रण आपको अनुमति देता है नेत्रहीन परिमाण के आदेशों की तुलना करें (अवलंबी और सीएम में विकर्ण) पोर्टेबल उपकरणों के सबसे आम स्क्रीन आकारों के.
विशेष रूप से स्मार्टफोन के लिए, पोर्टेबल उपकरणों की स्क्रीन आम तौर पर अधिक से अधिक बड़ी होती है. आकार में इस वृद्धि से इसके फायदे हैं, लेकिन इसके नुकसान भी:
- उपयोग में आराम
स्क्रीन जितनी बड़ी होगी, उतनी ही आरामदायक यह होगी कि वह एप्लिकेशन का उपयोग करे, वेब पर नेविगेट करे या फिल्में और सीरीज देखें. वर्चुअल कीबोर्ड पर चाबियाँ भी बड़ी होंगी. - परिवहनशीलता और गतिशीलता
एक बड़ी स्क्रीन वाली डिवाइस अधिक भारी और कम आसान होगा, विशेष रूप से स्मार्टफोन के लिए जिसके लिए टच स्क्रीन के कुछ हिस्सों तक पहुंचने के लिए दोनों हाथों का उपयोग करना अक्सर आवश्यक होगा.
आकार के साथ समानांतर में, अनुपात स्क्रीन (ऊंचाई/चौड़ाई अनुपात) भी समय के साथ विकसित हुआ है. यह विकास मुख्य रूप से “सीमाहीन” मोबाइल फोन के लोकतंत्रीकरण के कारण है, जो कि सीमा या रिसेप्शन बटन के बिना कहना है.
स्क्रीन बड़ी है लेकिन यह भी अधिक लम्बी है (और गोल कोनों के साथ). प्रारूप धीरे -धीरे क्लासिक 16/9 से बढ़कर 19 के औसत तक बढ़ गया.5/9. आप यह भी देखेंगे कि कई मॉडलों (विशेष रूप से iPhone) पर, डिस्प्ले सतह का हिस्सा एक पायदान (“पायदान”) द्वारा शीर्ष पर निबल्ड से है, जिसमें सेंसर, स्पीकर और कैमरा ललाट शामिल हैं.
स्मार्टफोन का आकार
नीचे दिए गए अनुभागों में ए स्क्रीन आकार का पैनल प्रतिनिधि सबसे लोकप्रिय iOS और Android मॉडल (Apple iPhone और सैमसंग गैलेक्सी रेंज विशेष रूप से).
मुख्य मॉडल की स्क्रीन विनिर्देश
सादगी से, ऊपरी पायदान (पायदान) को प्रत्येक दृश्य पर एक समान तरीके से दर्शाया गया है, लेकिन यह संस्करणों (12, 13, 14, 14, अधिकतम, समर्थक, अधिक, आदि के आधार पर अलग हो सकता है।.)).
नमूना | आकार (इंच) | आकार (सेमी) | परिभाषा (पिक्सेल) | संकल्प |
---|---|---|---|---|
आईफ़ोन 6 | 4.7 “ | 11.9 सेमी | 1334 x 750 पीएक्स | 326 पीपी |
iPhone 6s | 4.7 “ | 11.9 सेमी | 1334 x 750 पीएक्स | 326 पीपी |
iPhone 7 | 4.7 “ | 11.9 सेमी | 1334 x 750 पीएक्स | 326 पीपी |
iPhone 8 | 4.7 “ | 11.9 सेमी | 1334 x 750 पीएक्स | 326 पीपी |
iPhone 6 प्लस | 5.5 ” | 14 सेमी | 1920 x 1080 पीएक्स | 401 पीपीआई |
iPhone 6s प्लस | 5.5 ” | 14 सेमी | 1920 x 1080 पीएक्स | 401 पीपीआई |
iPhone 7 प्लस | 5.5 ” | 14 सेमी | 1920 x 1080 पीएक्स | 401 पीपीआई |
iPhone 8 प्लस | 5.5 ” | 14 सेमी | 1920 x 1080 पीएक्स | 401 पीपीआई |
iPhone X | 5.8 “ | 14.7 सेमी | 2436 x 1125 पीएक्स | 458 पीपीआई |
iPhone XS | 5.8 “ | 14.7 सेमी | 2436 x 1125 पीएक्स | 458 पीपीआई |
iPhone 11 प्रो | 5.8 “ | 14.7 सेमी | 2436 x 1125 पीएक्स | 458 पीपीआई |
iPhone XR | 6.1 ” | 15.5 सेमी | 1792 x 828 पीएक्स | 326 पीपी |
iPhone 11 | 6.1 ” | 15.5 सेमी | 1792 x 828 पीएक्स | 326 पीपी |
iPhone XS मैक्स | 6.5 ” | 16.5 सेमी | 2688 x 1242 पीएक्स | 458 पीपीआई |
iPhone 11 प्रो मैक्स | 6.5 ” | 16.5 सेमी | 2688 x 1242 पीएक्स | 458 पीपीआई |
iPhone 12/13 (मिनी) | 5.4 ” | 13.7 सेमी | 2340 x 1080 पीएक्स | 476 पीपीपी |
iPhone 12/13 (प्रो और मानक) / 14 | 6.1 ” | 15.5 सेमी | 2352 x 1170 पीएक्स | 460 पीपीआई |
iPhone 14 प्रो | 6.1 ” | 15.5 सेमी | 2556 x 1179 पीएक्स | 460 पीपीआई |
iPhone 12/13 (प्रो मैक्स) / 14 प्लस | 6.7 ” | 17 सेमी | 2778 x 1284 पीएक्स | 458 पीपीआई |
iPhone 14 प्रो मैक्स | 6.7 ” | 17 सेमी | 2796 x 1290 पीएक्स | 460 पीपीआई |
संकेतित लंबाई विकर्ण (इंच और सेमी में) से मेल खाती है.
ऊपर दिए गए आरेख और तालिका स्पष्ट रूप से समय के साथ मोबाइल स्क्रीन आकारों का विस्तार करने की प्रवृत्ति को स्पष्ट करते हैं. इसके अलावा, विभिन्न मॉडलों की अधिक विस्तृत तुलना के लिए, आप iPhone तुलनित्र (Apple साइट पर) का भी उपयोग कर सकते हैं.
फ़िल्टरिंग मानदंड (बेकर साइट) के साथ
पीपीपी रिज़ॉल्यूशन क्या है ?
इसके बारे में है पिक्सल घनत्व स्क्रीन का. पीपीपी इकाई वास्तव में मतलब है प्रति इंच पिक्सेल (अंग्रेजी में पीपीआई, पिक्सेल प्रति इंच). यह मान इस प्रकार लंबाई के अंगूठे पर पिक्सेल की संख्या को इंगित करता है (2).54 सेमी). यह जितना अधिक होगा, प्रदर्शन उतना ही सटीक होगा.
वर्तमान स्मार्टफोन स्क्रीन (उदाहरण के लिए Apple रेटिना) में एक बहुत अधिक रिज़ॉल्यूशन होता है और पिक्सेल आम तौर पर अप्रभेद्य होते हैं.
अधिक जानकारी के लिए, परिभाषा और स्क्रीन रिज़ॉल्यूशन पेज देखें.
मुख्य मॉडल की स्क्रीन विनिर्देश
नमूना | आकार (इंच) | आकार (सेमी) | परिभाषा (पिक्सेल) | संकल्प |
---|---|---|---|---|
गैलेक्सी एस 8 | 5.8 “ | 14.7 सेमी | 2960 x 1440 पीएक्स | ~ 570 पीपीआई |
गैलेक्सी एस 9 | 5.8 “ | 14.7 सेमी | 2960 x 1440 पीएक्स | ~ 570 पीपीआई |
आकाशगंगा S10E | 5.8 “ | 14.7 सेमी | 2280 x 1080 पीएक्स | ~ 438 पीपीआई |
आकाशगंगा S10 | 6.1 ” | 15.5 सेमी | 3040 x 1440 पीएक्स | ~ 550 पीपीआई |
गैलेक्सी एस 8+ | 6.2 ” | 15.7 सेमी | 2960 x 1440 पीएक्स | ~ 529 पीपीपी |
गैलेक्सी एस 9+ | 6.2 ” | 15.7 सेमी | 2960 x 1440 पीएक्स | ~ 529 पीपीपी |
आकाशगंगा S20 | 6.2 ” | 15.7 सेमी | 3200 x 1440 पीएक्स | ~ 563 पीपीपी |
गैलेक्सी S21 5G | 6.2 ” | 15.7 सेमी | 2400 x 1080 पीएक्स | ~ 421 पीपीपी |
आकाशगंगा S10+ | 6.4 ” | 16.3 सेमी | 3040 x 1440 पीएक्स | ~ 522 पीपीपी |
गैलेक्सी एस 10 5 जी | 6.7 ” | 17 सेमी | 3040 x 1440 पीएक्स | ~ 505 पीपीआई |
आकाशगंगा S20+ | 6.7 ” | 17 सेमी | 3200 x 1440 पीएक्स | ~ 525 पीपीआई |
गैलेक्सी S21+ 5G | 6.7 ” | 17 सेमी | 2400 x 1080 पीएक्स | ~ 394 पीपीपी |
गैलेक्सी एस 21 अल्ट्रा 5 जी | 6.8 ” | 17.3 सेमी | 3200 x 1440 पीएक्स | ~ 515 पीपीआई |
आकाशगंगा S20 अल्ट्रा | 6.9 ” | 17.5 सेमी | 3200 x 1440 पीएक्स | ~ 511 पीपीपी |
आकाशगंगा S22/S23 | 6.1 ” | 15.5 सेमी | 2340 x 1080 पीएक्स | ~ 422 पीपीपी |
गैलेक्सी S22+/S23+ | 6.6 ” | 16.8 सेमी | 2340 x 1080 पीएक्स | ~ 390 पीपीआई |
गैलेक्सी S22 अल्ट्रा/S23 अल्ट्रा | 6.8 ” | 17.3 सेमी | 3088 x 1440 पीएक्स | ~ 501 पीपीआई |
संकेतित लंबाई विकर्ण (इंच और सेमी में) से मेल खाती है.
अपने प्रतियोगी Apple की तरह, सैमसंग एक स्मार्टफोन तुलनित्र (सैमसंग साइट) प्रदान करता है.com) उनके विभिन्न मॉडलों (स्क्रीन विनिर्देशों लेकिन मेमोरी, प्रोसेसर, आयाम, आदि के बीच के अंतर को देखने के लिए।.)). दुर्भाग्य से आप केवल उनके सबसे हाल के उत्पादों को पाएंगे.
फ़िल्टरिंग मानदंड (बेकर साइट) के साथ
मुख्य मॉडल के विनिर्देश
नमूना | आकार (इंच) | आकार (सेमी) | परिभाषा (पिक्सेल) | संकल्प |
---|---|---|---|---|
रेडमी 9 | 6.53 ” | 16.6 सेमी | 2340 x 1080 पीएक्स | ~ 394 पीपीपी |
रेडमी (नोट) 10/10 एस | 6.5 ” | 16.5 सेमी | 2400 x 1080 पीएक्स | ~ 405 पीपीआई |
रेडमी नोट 11/11s | 6.43 ” | 16.3 सेमी | 2400 x 1080 पीएक्स | ~ 409 पीपीपी |
रेडमी नोट 11 प्रो / प्रो+ | 6.67 ” | 16.9 सेमी | 2400 x 1080 पीएक्स | ~ 395 पीपीआई |
Xiaomi 12/12x | 6.28 ” | 16 सेमी | 2400 x 1080 पीएक्स | ~ 419 पीपीपी |
Xiaomi 12 Pro / 13 Pro | 6.73 ” | 17.1 सेमी | 3200 x 1440 पीएक्स | ~ 522 पीपीपी |
Xiaomi 13 | 6.36 ” | 16.2 सेमी | 2400 x 1080 पीएक्स | ~ 414 पीपीपी |
संकेतित लंबाई विकर्ण (इंच और सेमी में) से मेल खाती है.
Xiaomi Smartphones (रेंज अपेक्षाकृत चौड़ी है) के सभी तकनीकी विनिर्देशों को देखने के लिए, Mi में उनकी साइट के सूचना पृष्ठ से परामर्श करें.कॉम.
फ़िल्टरिंग मानदंड (बेकर साइट) के साथ
मुख्य मॉडल के विनिर्देश
नमूना | आकार (इंच) | आकार (सेमी) | परिभाषा (पिक्सेल) | संकल्प |
---|---|---|---|---|
P30 | 6.1 ” | 15.5 सेमी | 2340 x 1080 पीएक्स | ~ 422 पीपीपी |
पी 40 | 6.1 ” | 15.5 सेमी | 2340 x 1080 पीएक्स | ~ 422 पीपीपी |
P30 लाइट | 6.15 ” | 15.6 सेमी | 2312 x 1080 पीएक्स | ~ 415 पीपीपी |
पी 40 लाइट | 6.4 ” | 16.3 सेमी | 2310 x 1080 पीएक्स | ~ 398 पीपीआई |
P30 प्रो | 6.47 ” | 16.4 सेमी | 2340 x 1080 पीएक्स | ~ 398 पीपीआई |
पी 40 प्रो | 6.58 ” | 16.7 सेमी | 2640 x 1200 पीएक्स | ~ 441 पीपीपी |
पी 60 प्रो | 6.67 ” | 16.9 सेमी | 2700 x 1200 पीएक्स | ~ 443 पीपीआई |
नोवा 9 | 6.57 ” | 16.7 सेमी | 2340 x 1080 पीएक्स | ~ 392 पीपीपी |
नोवा 9 है | 6.78 “ | 17.2 सेमी | 2388 x 1080 पीएक्स | ~ 387 पीपीआई |
मेट 50 प्रो | 6.74 ” | 17.1 सेमी | 2616 x 1212 पीएक्स | ~ 428 पीपीआई |
मेट एक्स 3 (अनफोल्ड) | 7.85 ” | 19.9 सेमी | 2496 x 2224 पीएक्स | ~ 426 पीपीपी |
संकेतित लंबाई विकर्ण (इंच और सेमी में) से मेल खाती है.
आकार और/या तकनीकी विशेषताओं (आयाम, मेमोरी, प्रोसेसर, बैटरी, फोटो सेंसर, आदि के बारे में अधिक जानने के लिए।.), आप Huawei तुलना उपकरण (उनकी साइट पर) का उपयोग कर सकते हैं.
फ़िल्टरिंग मानदंड (बेकर साइट) के साथ
गोली का आकार
आप बाजार पर सबसे आम टैबलेट के स्क्रीन आकार के नीचे पाएंगे (Apple iPad और सैमसंग गैलेक्सी टैब). इन मॉडलों के कई प्रकार हो सकते हैं, लेकिन विशेषताएं आम तौर पर समान हैं.
मुख्य मॉडल के विनिर्देश
नमूना | आकार (इंच) | आकार (सेमी) | परिभाषा (पिक्सेल) | संकल्प |
---|---|---|---|---|
iPad मिनी (6 वां जीन).)) | 8.3 ” | 21.1 सेमी | 2266 x 1488 पीएक्स | 326 पीपी |
iPad (9 वां जीन.)) | 10.2 ” | 25.9 सेमी | 2160 x 1620 पीएक्स | 264 पीपीपी |
iPad (10 वां जीन).)) | 10.9 “ | 27.7 सेमी | 2360 x 1640 पीएक्स | 264 पीपीपी |
iPad Air (5 वां जीन (.)) | 10.9 “ | 27.7 सेमी | 2360 x 1640 पीएक्स | 264 पीपीपी |
iPad Pro 11 ”(4 जनरल जीन.)) | 11 “ | 27.9 सेमी | 2388 x 1668 पीएक्स | 264 पीपीपी |
iPad प्रो 12.9 “(6 वें जीन.)) | 12.9 “ | 32.8 सेमी | 2732 x 2048 पीएक्स | 264 पीपीपी |
संकेतित लंबाई विकर्ण (इंच और सेमी में) से मेल खाती है.
विभिन्न iPad मॉडल (पूर्ण विशेषताओं) पर अधिक जानकारी के लिए, iPad तुलनित्र (Apple पर) का उपयोग करने में संकोच न करें.कॉम). आपको सभी दृश्य, रंग द्वारा भिन्नता और पूर्ण तकनीकी विनिर्देश मिलेंगे.
फ़िल्टरिंग मानदंड (बेकर साइट) के साथ
मुख्य मॉडल के विनिर्देश
नमूना | आकार (इंच) | आकार (सेमी) | परिभाषा (पिक्सेल) | संकल्प |
---|---|---|---|---|
गैलेक्सी टैब ए 7 लाइट | 8.7 “ | 22.1 सेमी | 1340 x 800 पीएक्स | ~ 179 पीपीपी |
गैलेक्सी टैब ए 8 | 10.5 ” | 26.7 सेमी | 1920 x 1200 पीएक्स | ~ 216 पीपीपी |
गैलेक्सी टैब S7 / S8 | 11 “ | 27.9 सेमी | 2560 x 1600 पीएक्स | ~ 274 पीपीपी |
गैलेक्सी टैब S7+ / S8+ | 12.4 ” | 31.5 सेमी | 2800 x 1752 पीएक्स | ~ 266 पीपीपी |
गैलेक्सी टैब S8 अल्ट्रा | 14.6 “ | 37.1 सेमी | 2960 x 1848 पीएक्स | ~ 239 पीपीपी |
IOS के लिए UIKIT के साथ एक उत्तरदायी एप्लिकेशन बनाएं
स्क्रीन आकारों की स्क्रीनिंग के प्रश्न को शांति से संपर्क करने के लिए, आइए उन आकारों के चारों ओर जाकर शुरू करें जिन्हें आपको iOS में प्रबंधित करना होगा.
स्क्रीन आकारों को पकड़ें
हम आमतौर पर स्क्रीन के आकार के बारे में बात करते हैं इंच (नोट किया गया ”), और हम विकर्ण को मापें.
IOS में, आकार के दो बड़े परिवार हैं:
- iPhone आकार;
- iPad आकार.
प्रत्येक परिवार में कई अलग -अलग आकार होते हैं, जो नीचे दिए गए आरेख में पाए जाते हैं.
उपकरण
आकार
iPad प्रो बिग 1, 2
iPad प्रो छोटे 2
iPad प्रो छोटा 1
iPhone प्रो मैक्स 12, 13
iPhone 11 प्रो मैक्स
iPhone 11, 12, 13
iPhone प्रो 12, 13
iPhone 6+, 6s+, 7+, 8+
iPhone 6, 6s, 7, 8
यह तालिका संक्षेप में बताती है बारह आकार सभी संबद्ध iOS उपकरणों की संपूर्ण सूची के साथ iOS परिवार में मौजूद है. कोई जरूरत नहीं है कि आप यह सब दिल से जानते हैं. केवल यह पता है कि iPhone के लिए छह आकार और iPad के लिए छह हैं. और ये बारह आकार, आप उन सभी को स्टोरीबोर्ड में देख सकते हैं !
स्टोरीबोर्ड में आकारों की कल्पना करें
स्टोरीबोर्ड में इंटरफ़ेस के आकार को बदलने के लिए, आकार चयनकर्ता का उपयोग करें. स्टोरीबोर्ड के निचले बाएं, आपके पास निम्न बटन है:
आकार चयनकर्ता को प्रकट करने के लिए उस पर क्लिक करें.
यहां आप उस आकार का चयन कर सकते हैं जिसे आप अपने स्टोरीबोर्ड के इंटरफेस को प्रदर्शित करना चाहते हैं. डिफ़ॉल्ट रूप से, आकार iPhone 8 प्लस का है, लेकिन आप इसे अपनी इच्छानुसार बदल सकते हैं.
मैं आपको अलग -अलग आकारों के साथ थोड़ा खेलने के लिए आमंत्रित करता हूं. तीन संभावित सेटिंग्स हैं:
आकार
स्क्रीन का आकार आपको केवल उस स्क्रीन आकार को चुनने की अनुमति देता है जिसे आप देखना चाहते हैं.
IPhone के लिए आठ आकार हैं, लेकिन iPad के लिए केवल एक आकार है ! वे भूल गए?
अच्छी तरह से देखा ! सभी में उपलब्ध बारह आकार के साथ, Apple बहुत लंबी सूची प्रदर्शित करने से बचना चाहता था. लेकिन सूची के दाईं ओर iPad पर क्लिक करने का प्रयास करें, यह उपलब्ध आईपैड, मैजिक प्रदर्शित करके तुरंत अपडेट किया जाएगा !
मार्गदर्शन
आप डिस्प्ले में रोटेशन लागू करके लैंडस्केप या पोर्ट्रेट ओरिएंटेशन प्रदर्शित करने का निर्णय ले सकते हैं:
अनुकूलन
यदि आप चयनकर्ता में आईपैड में से एक को चुनते हैं, तो एक तीसरी सेटिंग उपलब्ध है: अनुकूलन.
वास्तव में iPad पर, दो एप्लिकेशन एक दूसरे के बगल में प्रदर्शित किए जा सकते हैं. Apple इस स्प्लिट व्यू को कॉल करता है. अचानक एप्लिकेशन अब पूरी स्क्रीन नहीं लेगा, इसलिए इस मामले में इंटरफ़ेस के आकार में भिन्नता प्रदान करना आवश्यक है. और यह सेटिंग के साथ है अनुकूलन इसकी कल्पना की जा सकती है.
सारांश
- IOS उपकरणों के लिए बारह अलग -अलग स्क्रीन आकार हैं: iPad के लिए चार और iPhone के लिए आठ.
- पूर्वावलोकन मोड के साथ, पिछले अध्याय में, आकार चयनकर्ता आपको यह कल्पना करने की अनुमति देता है कि आपका एप्लिकेशन सीधे स्टोरीबोर्ड में विभिन्न उपकरणों पर क्या देता है. और आप देख सकते हैं कि जैसे ही हम iPhone 8 प्लस छोड़ते हैं, यह बहुत आश्वस्त नहीं है !
अगले गेम से, हम इस समस्या को हल करना शुरू कर देंगे ! लेकिन डाइविंग से पहले, क्विज़ में अपने कौशल की जांच करें. आप देखें !