IOS साठी UIKIT सह प्रतिसादात्मक अनुप्रयोग तयार करा

आयफोन 6+, 6 एस+, 7+, 8+

मोबाइल स्क्रीन आकार आणि टॅब्लेट

स्मार्टफोन किंवा टॅब्लेट निवडताना आकार आणि स्क्रीन रिझोल्यूशन दोन आवश्यक वैशिष्ट्ये आहेत. खालील उदाहरण आपल्याला परवानगी देते विशालतेच्या ऑर्डरची दृश्यास्पद तुलना करा पोर्टेबल डिव्हाइसच्या सर्वात सामान्य स्क्रीन आकाराचे (विद्यमान आणि सीएम मधील कर्ण).

विशेषत: स्मार्टफोनसाठी, पोर्टेबल डिव्हाइसचे पडदे सामान्यत: अधिकाधिक मोठे असतात. आकारातील या वाढीचे फायदे आहेत परंतु त्याचे तोटे देखील आहेत:

• वापरात आराम
  स्क्रीन जितकी मोठी असेल तितकीच अनुप्रयोग वापरणे, वेब नेव्हिगेट करणे किंवा चित्रपट आणि मालिका पाहणे अधिक आरामदायक असेल. व्हर्च्युअल कीबोर्डवरील कळा देखील मोठी असतील.
• वाहतूक आणि कुतूहल
  मोठ्या स्क्रीनसह एक डिव्हाइस अधिक अवजड आणि कमी सुलभ असेल, विशेषत: स्मार्टफोनसाठी ज्यासाठी टच स्क्रीनच्या काही भागांपर्यंत पोहोचण्यासाठी दोन्ही हात वापरणे वारंवार आवश्यक असेल.

आकाराच्या समांतर, गुणोत्तर पडदे (उंची/रुंदी प्रमाण) देखील कालांतराने विकसित झाले आहेत. हा विकास प्रामुख्याने “बॉर्डरलेस” मोबाइल फोनच्या लोकशाहीकरणामुळे आहे, म्हणजेच सीमा किंवा रिसेप्शन बटणांशिवाय म्हणायचे आहे.

स्क्रीन मोठी आहे परंतु ती अधिक वाढविली आहे (आणि गोलाकार कोपरा सह). स्वरूप हळूहळू क्लासिक 16/9 वरून सरासरी 19 पर्यंत वाढले.5/9. आपणास हे देखील लक्षात येईल की बर्‍याच मॉडेल्सवर (विशेषत: आयफोन), प्रदर्शन पृष्ठभागाचा काही भाग शीर्षस्थानी नॉच (“खाच”) वर आहे ज्यामध्ये सेन्सर, स्पीकर आणि कॅमेरा फ्रंटल समाविष्ट आहे.

स्मार्टफोन आकार

खालील विभागांमध्ये एक आहे स्क्रीन आकारांचे पॅनेल प्रतिनिधी सर्वात लोकप्रिय आयओएस आणि अँड्रॉइड मॉडेल्स (Apple पल आयफोन आणि सॅमसंग गॅलेक्सी विशेषतः श्रेणी).

मुख्य मॉडेल्सची स्क्रीन वैशिष्ट्ये

साधेपणाद्वारे, वरच्या खाच (खाच) प्रत्येक व्हिज्युअलवर समान मार्गाने दर्शविले गेले आहे, परंतु ते आवृत्त्यांनुसार (12, 13, 14, कमाल, प्रो, अधिक, अधिक इ.)).

मॉडेल	आकार (इंच)	आकार (सेमी)	व्याख्या (पिक्सेल)	रिझोल्यूशन (पीपीपी)
आयफोन 6	7.7 “	11.9 सेमी	1334 x 750 px	326 पीपी
आयफोन 6 एस	7.7 “	11.9 सेमी	1334 x 750 px	326 पीपी
आयफोन 7	7.7 “	11.9 सेमी	1334 x 750 px	326 पीपी
आयफोन 8	7.7 “	11.9 सेमी	1334 x 750 px	326 पीपी
आयफोन 6 प्लस	5.5 “	14 सेमी	1920 x 1080 px	401 पीपीआय
आयफोन 6 एस प्लस	5.5 “	14 सेमी	1920 x 1080 px	401 पीपीआय
आयफोन 7 प्लस	5.5 “	14 सेमी	1920 x 1080 px	401 पीपीआय
आयफोन 8 प्लस	5.5 “	14 सेमी	1920 x 1080 px	401 पीपीआय
आयफोन एक्स	5.8 “	14.7 सेमी	2436 x 1125 px	458 पीपीआय
आयफोन एक्सएस	5.8 “	14.7 सेमी	2436 x 1125 px	458 पीपीआय
आयफोन 11 प्रो	5.8 “	14.7 सेमी	2436 x 1125 px	458 पीपीआय
आयफोन एक्सआर	6.1 “	15.5 सेमी	1792 x 828 px	326 पीपी
आयफोन 11	6.1 “	15.5 सेमी	1792 x 828 px	326 पीपी
आयफोन एक्सएस कमाल	6.5 “	16.5 सेमी	2688 x 1242 px	458 पीपीआय
आयफोन 11 प्रो मॅक्स	6.5 “	16.5 सेमी	2688 x 1242 px	458 पीपीआय
आयफोन 12/13 (मिनी)	5.4 “	13.7 सेमी	2340 x 1080 px	476 पीपीपी
आयफोन 12/13 (प्रो आणि मानक) / 14	6.1 “	15.5 सेमी	2352 x 1170 px	460 पीपीआय
आयफोन 14 प्रो	6.1 “	15.5 सेमी	2556 x 1179 px	460 पीपीआय
आयफोन 12/13 (प्रो कमाल) / 14 प्लस	6.7 “	17 सेमी	2778 x 1284 px	458 पीपीआय
आयफोन 14 प्रो मॅक्स	6.7 “	17 सेमी	2796 x 1290 px	460 पीपीआय

दर्शविलेली लांबी कर्ण (इंच आणि सेमी मध्ये) च्याशी संबंधित आहे.

वरील आकृती आणि सारणी कालांतराने मोबाइल स्क्रीन आकार वाढविण्याच्या ट्रेंडचे स्पष्टपणे वर्णन करतात. याव्यतिरिक्त, भिन्न मॉडेल्सच्या अधिक तपशीलवार तुलनासाठी, आपण आयफोन कंपेटर (Apple पल साइटवर) देखील वापरू शकता.

फिल्टरिंग निकष (बेकर साइट) सह
पीपीपी रिझोल्यूशन म्हणजे काय ?

हे बद्दल आहे पिक्सेल घनता स्क्रीनचा. पीपीपी युनिट म्हणजे खरंच प्रति इंच पिक्सेल (इंग्रजी पीपीआयमध्ये, प्रति इंच पिक्सेल). हे मूल्य अशा प्रकारे लांबीच्या अंगठ्यावर पिक्सेलची संख्या दर्शवते (2.54 सेमी). हे जितके जास्त असेल तितकेच प्रदर्शन अधिक अचूक असेल.

वर्तमान स्मार्टफोन स्क्रीन (उदाहरणार्थ Apple पल रेटिना) मध्ये खूप उच्च रिझोल्यूशन असते आणि पिक्सेल सामान्यत: वेगळ्या असतात.

अधिक माहितीसाठी, व्याख्या आणि स्क्रीन रिझोल्यूशन पृष्ठ पहा.

मुख्य मॉडेल्सची स्क्रीन वैशिष्ट्ये

मॉडेल	आकार (इंच)	आकार (सेमी)	व्याख्या (पिक्सेल)	रिझोल्यूशन (पीपीपी)
गॅलेक्सी एस 8	5.8 “	14.7 सेमी	2960 x 1440 px	~ 570 पीपीआय
गॅलेक्सी एस 9	5.8 “	14.7 सेमी	2960 x 1440 px	~ 570 पीपीआय
गॅलेक्सी एस 10 ई	5.8 “	14.7 सेमी	2280 x 1080 px	~ 438 पीपीआय
गॅलेक्सी एस 10	6.1 “	15.5 सेमी	3040 x 1440 px	~ 550 पीपीआय
गॅलेक्सी एस 8+	6.2 “	15.7 सेमी	2960 x 1440 px	~ 529 पीपीपी
गॅलेक्सी एस 9+	6.2 “	15.7 सेमी	2960 x 1440 px	~ 529 पीपीपी
गॅलेक्सी एस 20	6.2 “	15.7 सेमी	3200 x 1440 px	~ 563 पीपीपी
गॅलेक्सी एस 21 5 जी	6.2 “	15.7 सेमी	2400 x 1080 px	~ 421 पीपीपी
गॅलेक्सी एस 10+	6.4 “	16.3 सेमी	3040 x 1440 px	~ 522 पीपीपी
गॅलेक्सी एस 10 5 जी	6.7 “	17 सेमी	3040 x 1440 px	~ 505 पीपीआय
गॅलेक्सी एस 20+	6.7 “	17 सेमी	3200 x 1440 px	~ 525 पीपीआय
गॅलेक्सी एस 21+ 5 जी	6.7 “	17 सेमी	2400 x 1080 px	~ 394 पीपीपी
गॅलेक्सी एस 21 अल्ट्रा 5 जी	6.8 “	17.3 सेमी	3200 x 1440 px	~ 515 पीपीआय
गॅलेक्सी एस 20 अल्ट्रा	6.9 “	17.5 सेमी	3200 x 1440 px	~ 511 पीपीपी
गॅलेक्सी एस 22/एस 23	6.1 “	15.5 सेमी	2340 x 1080 px	~ 422 पीपीपी
गॅलेक्सी एस 22+/एस 23+	6.6 “	16.8 सेमी	2340 x 1080 px	~ 390 पीपीआय
गॅलेक्सी एस 22 अल्ट्रा/एस 23 अल्ट्रा	6.8 “	17.3 सेमी	3088 x 1440 px	~ 501 पीपीआय

दर्शविलेली लांबी कर्ण (इंच आणि सेमी मध्ये) च्याशी संबंधित आहे.

त्याच्या प्रतिस्पर्धी Apple पल प्रमाणे, सॅमसंग एक स्मार्टफोन कंपॅरेटर प्रदान करतो (सॅमसंग साइट.कॉम) त्यांच्या भिन्न मॉडेल्समधील फरक पाहण्यासाठी (स्क्रीन स्पेसिफिकेशन्स परंतु मेमरी, प्रोसेसर, परिमाण इत्यादी.)). दुर्दैवाने आपल्याला केवळ त्यांची सर्वात अलीकडील उत्पादने सापडतील.

फिल्टरिंग निकष (बेकर साइट) सह

मुख्य मॉडेल्सची वैशिष्ट्ये

मॉडेल	आकार (इंच)	आकार (सेमी)	व्याख्या (पिक्सेल)	रिझोल्यूशन (पीपीपी)
रेडमी 9	6.53 “	16.6 सेमी	2340 x 1080 px	~ 394 पीपीपी
रेडमी (टीप) 10/10 एस	6.5 “	16.5 सेमी	2400 x 1080 px	~ 405 पीपीआय
रेडमी टीप 11/11 एस	6.43 “	16.3 सेमी	2400 x 1080 px	~ 409 पीपीपी
रेडमी टीप 11 प्रो / प्रो+	6.67 “	16.9 सेमी	2400 x 1080 px	~ 395 पीपीआय
झिओमी 12/22x	6.28 “	16 सेमी	2400 x 1080 px	~ 419 पीपीपी
शाओमी 12 प्रो / 13 प्रो	6.73 “	17.1 सेमी	3200 x 1440 px	~ 522 पीपीपी
झिओमी 13	6.36 “	16.2 सेमी	2400 x 1080 px	~ 414 पीपीपी

दर्शविलेली लांबी कर्ण (इंच आणि सेमी मध्ये) च्याशी संबंधित आहे.

झिओमी स्मार्टफोनची सर्व तांत्रिक वैशिष्ट्ये पाहण्यासाठी (श्रेणी तुलनेने रुंद आहे), एमआयमध्ये त्यांच्या साइटच्या माहिती पृष्ठाचा सल्ला घ्या.कॉम.

फिल्टरिंग निकष (बेकर साइट) सह

मुख्य मॉडेल्सची वैशिष्ट्ये

मॉडेल	आकार (इंच)	आकार (सेमी)	व्याख्या (पिक्सेल)	रिझोल्यूशन (पीपीपी)
पी 30	6.1 “	15.5 सेमी	2340 x 1080 px	~ 422 पीपीपी
पी 40	6.1 “	15.5 सेमी	2340 x 1080 px	~ 422 पीपीपी
पी 30 लाइट	6.15 “	15.6 सेमी	2312 x 1080 px	~ 415 पीपीपी
पी 40 लाइट	6.4 “	16.3 सेमी	2310 x 1080 px	~ 398 पीपीआय
पी 30 प्रो	6.47 “	16.4 सेमी	2340 x 1080 px	~ 398 पीपीआय
पी 40 प्रो	6.58 “	16.7 सेमी	2640 x 1200 px	~ 441 पीपीपी
पी 60 प्रो	6.67 “	16.9 सेमी	2700 x 1200 px	~ 443 पीपीआय
नोवा 9	6.57 “	16.7 सेमी	2340 x 1080 px	~ 392 पीपीपी
नोवा 9 आहे	6.78 “	17.2 सेमी	2388 x 1080 px	~ 387 पीपीआय
सोबती 50 प्रो	6.74 “	17.1 सेमी	2616 x 1212 px	~ 428 पीपीआय
सोबती x3 (उलगडलेले)	7.85 “	19.9 सेमी	2496 x 2224 px	~ 426 पीपीपी

दर्शविलेली लांबी कर्ण (इंच आणि सेमी मध्ये) च्याशी संबंधित आहे.

आकार आणि/किंवा तांत्रिक वैशिष्ट्यांविषयी अधिक जाणून घेण्यासाठी (परिमाण, मेमरी, प्रोसेसर, बॅटरी, फोटो सेन्सर इ.), आपण हुआवेई तुलना साधन वापरू शकता (त्यांच्या साइटवर).

फिल्टरिंग निकष (बेकर साइट) सह

टॅब्लेट आकार

आपल्याला बाजारातील सर्वात सामान्य टॅब्लेटच्या स्क्रीन आकाराच्या खाली सापडेल (Apple पल आयपॅड आणि सॅमसंग गॅलेक्सी टॅब). या मॉडेल्सचे अनेक प्रकार असू शकतात, परंतु वैशिष्ट्ये सामान्यत: समान असतात.

मुख्य मॉडेल्सची वैशिष्ट्ये

मॉडेल	आकार (इंच)	आकार (सेमी)	व्याख्या (पिक्सेल)	रिझोल्यूशन (पीपीपी)
आयपॅड मिनी (6 वा जनरल.))	8.3 “	21.1 सेमी	2266 x 1488 पीएक्स	326 पीपी
आयपॅड (9 वा जनरल.))	10.2 “	25.9 सेमी	2160 x 1620 px	264 पीपीपी
आयपॅड (10 वा जनरल.))	10.9 “	27.7 सेमी	2360 x 1640 px	264 पीपीपी
आयपॅड एअर (5 वा जनरल.))	10.9 “	27.7 सेमी	2360 x 1640 px	264 पीपीपी
आयपॅड प्रो 11 “(4 था जनरल.))	11 “	27.9 सेमी	2388 x 1668 px	264 पीपीपी
आयपॅड प्रो 12.9 “(6 वा जनरल.))	12.9 “	32.8 सेमी	2732 x 2048 px	264 पीपीपी

दर्शविलेली लांबी कर्ण (इंच आणि सेमी मध्ये) च्याशी संबंधित आहे.

वेगवेगळ्या आयपॅड मॉडेल्सवरील अधिक माहितीसाठी (संपूर्ण वैशिष्ट्ये), आयपॅड तुलना (Apple पलवर) वापरण्यास अजिबात संकोच करू नका.कॉम). आपल्याला सर्व व्हिज्युअल, रंगानुसार बदल आणि संपूर्ण तांत्रिक वैशिष्ट्ये आढळतील.

फिल्टरिंग निकष (बेकर साइट) सह

मुख्य मॉडेल्सची वैशिष्ट्ये

मॉडेल	आकार (इंच)	आकार (सेमी)	व्याख्या (पिक्सेल)	रिझोल्यूशन (पीपीपी)
गॅलेक्सी टॅब ए 7 लाइट	8.7 “	22.1 सेमी	1340 x 800 px	~ 179 पीपीपी
गॅलेक्सी टॅब ए 8	10.5 “	26.7 सेमी	1920 x 1200 px	~ 216 पीपीपी
गॅलेक्सी टॅब एस 7 / एस 8	11 “	27.9 सेमी	2560 x 1600 px	~ 274 पीपीपी
गॅलेक्सी टॅब एस 7+ / एस 8+	12.4 “	31.5 सेमी	2800 x 1752 px	~ 266 पीपीपी
गॅलेक्सी टॅब एस 8 अल्ट्रा	14.6 “	37.1 सेमी	2960 x 1848 px	~ 239 पीपीपी

IOS साठी UIKIT सह प्रतिसादात्मक अनुप्रयोग तयार करा

स्क्रीन आकारांच्या स्क्रीनिंगच्या प्रश्नाकडे शांतपणे संपर्क साधण्यासाठी, आपण आयओएसमध्ये व्यवस्थापित करावे लागेल अशा आकारात जाऊन प्रारंभ करूया.

स्क्रीन आकार प्राप्त करा

आम्ही सहसा स्क्रीनच्या आकारांबद्दल बोलतो इंच (प्रख्यात ”) आणि आम्ही कर्ण मोजा.

IOS मध्ये, आकारांची दोन मोठी कुटुंबे आहेत:

• आयफोन आकार;
• आयपॅड आकार.

प्रत्येक कुटुंबात अनेक भिन्न आकार आहेत, जे खालील आकृतीमध्ये आढळतात.

डिव्हाइस

आकार

आयपॅड प्रो बिग 1, 2

आयपॅड प्रो लहान 2

आयपॅड प्रो लहान 1

आयफोन प्रो मॅक्स 12, 13

आयफोन 11 प्रो मॅक्स

आयफोन 11, 12, 13

आयफोन प्रो 12, 13

आयफोन 6+, 6 एस+, 7+, 8+

आयफोन 6, 6 एस, 7, 8

हे सारणी सारांश देते बारा आकार सर्व संबंधित iOS डिव्हाइसच्या संपूर्ण यादीसह iOS कुटुंबात विद्यमान. आपल्याला हे सर्व मनापासून माहित नाही. फक्त माहित आहे की आयफोनसाठी सहा आकार आणि आयपॅडसाठी सहा आकार आहेत. आणि हे बारा आकार, आपण त्या सर्वांना स्टोरीबोर्डमध्ये दृश्यमान करू शकता !

स्टोरीबोर्डमधील आकारांचे दृश्यमान करा

स्टोरीबोर्डमधील इंटरफेसचा आकार बदलण्यासाठी, आकार निवडकर्ता वापरा. स्टोरीबोर्डच्या खाली डावीकडे, आपल्याकडे खालील बटण आहे:

आकार निवडकर्ता प्रकट करण्यासाठी त्यावर क्लिक करा.

आपण आपल्या स्टोरीबोर्डचे इंटरफेस प्रदर्शित करू इच्छित आकार येथे आपण येथे निवडू शकता. डीफॉल्टनुसार, आकार आयफोन 8 प्लसचा आहे, परंतु आपण आपल्या इच्छेनुसार हे बदलू शकता.

मी तुम्हाला वेगवेगळ्या आकारांसह थोडेसे खेळण्यासाठी आमंत्रित करतो. तीन संभाव्य सेटिंग्ज आहेत:

आकार

स्क्रीन आकार आपल्याला पाहू इच्छित स्क्रीन आकार फक्त निवडण्याची परवानगी देतो.

आयफोनसाठी आठ आकार आहेत, परंतु आयपॅडसाठी फक्त एक आकार आहे ! ते विसरले?

चांगले पाहिले ! सर्वांमध्ये बारा आकार उपलब्ध असल्याने Apple पलला खूप लांब यादी प्रदर्शित करणे टाळायचे होते. परंतु सूचीच्या उजवीकडे आयपॅडवर क्लिक करण्याचा प्रयत्न करा, उपलब्ध आयपॅड, जादू प्रदर्शित करून ते त्वरित अद्यतनित केले जाईल !

मार्गदर्शन

आपण प्रदर्शनात रोटेशन लागू करून लँडस्केप किंवा पोर्ट्रेट ओरिएंटेशन प्रदर्शित करण्याचा निर्णय घेऊ शकता:

रुपांतर

आपण निवडकर्त्यात आयपॅडपैकी एक निवडल्यास, तिसरा सेटिंग उपलब्ध आहे: अनुकूलन.

खरंच आयपॅडवर, दोन अनुप्रयोग एकमेकांच्या पुढे प्रदर्शित केले जाऊ शकतात. Apple पल या स्प्लिट व्ह्यूला कॉल करते. अचानक अनुप्रयोग यापुढे संपूर्ण स्क्रीन घेणार नाही, म्हणूनच या प्रकरणात इंटरफेसच्या आकारात फरक प्रदान करणे आवश्यक आहे. आणि हे सेटिंगसह आहे रुपांतर ते व्हिज्युअलाइझ केले जाऊ शकते.

सारांश

• आयओएस डिव्हाइससाठी बारा भिन्न स्क्रीन आकार आहेत: आयपॅडसाठी चार आणि आयफोनसाठी आठ.
• पूर्वावलोकन मोड प्रमाणेच, मागील अध्यायात, आकार निवडकर्ता आपल्याला स्टोरीबोर्डमध्ये थेट भिन्न डिव्हाइसवर आपला अनुप्रयोग काय देतो हे दृश्यमान करण्यास परवानगी देतो. आणि आपण हे पाहू शकता की आम्ही आयफोन 8 प्लस सोडताच, हे फारसे पटले नाही !

पुढील गेममधून आम्ही या समस्येचे निराकरण करण्यास प्रारंभ करू ! परंतु डायव्हिंग करण्यापूर्वी, क्विझमध्ये आपली कौशल्ये तपासा. �� भेटू !