शुरू से ही बड़ी स्क्रीन के लिए डिज़ाइन करें

Android डिवाइसों के अलग-अलग नाप या आकार अलग-अलग होते हैं. जैसे, फ़ोन, टैबलेट, फ़ोल्ड किए जा सकने वाले डिवाइस, ChromeOS डिवाइस—जो कई तरह की स्क्रीन साइज़ वाले डिवाइस होते हैं. Android कई लोगों का समर्थन करता है डिसप्ले मोड. इनमें मल्टी-विंडो, मल्टी-डिसप्ले, फ़्री-फ़ॉर्म, और पिक्चर में पिक्चर. फ़ोल्ड किए जा सकने वाले डिवाइस, अलग-अलग स्थितियों या पॉस्चर में हो सकते हैं. जैसे कि टेबलटॉप या किताब.

ऐप्लिकेशन को डिज़ाइन करते समय, इस्तेमाल के अलग-अलग उदाहरण देखें. इसके लिए उदाहरण:

  • बड़ी स्क्रीन वाले डिवाइस, उपयोगकर्ताओं को आपके मीडिया ऐप्लिकेशन के कॉन्टेंट से जुड़ने के लिए ज़्यादा जगह देते हैं अलग-अलग तरीकों से कॉन्टेंट बनाया जाता है.

  • वीडियो को मल्टी-विंडो कॉन्फ़िगरेशन में देखते समय, उपयोगकर्ता एक साथ कई काम कर सकते हैं या कैप्चर करने के बाद, ज़्यादा मुश्किल बदलाव करने के लिए बड़ी स्क्रीन का इस्तेमाल करें इमेज.

  • वीडियो कॉल के साथ कनेक्ट रहने के लिए उपयोगकर्ता टैबलेट का उपयोग कर सकते हैं और अतिरिक्त जानकारी के साथ. आपका ऐप्लिकेशन, इन विषयों के बारे में बेहतर जानकारी दिखा सकता है कस्टम प्लेबैक ओवरले में टाइटल या सीन दिखाया जा सकता है या कंट्रोल के ज़्यादा विकल्प दिए जा सकते हैं दिखाई देता है.

  • किसी ब्राउज़िंग व्यू के कैरसेल में, ज़्यादा विज़ुअल अपील के लिए ज़्यादा विविधता हो सकती है, इसके अलावा, आपका मीडिया ऐप्लिकेशन ब्राउज़ किए जा सकने वाले फ़ीड के साथ-साथ, उपयोगकर्ताओं की दिलचस्पी बनाए रखने में भी मदद कर सकता है वीडियो चलाने की सुविधा के साथ.

ध्यान रखें कि आपके मीडिया ऐप्लिकेशन का कोड वही है जो किसी स्टैंडर्ड फ़ोन पर चल रहा है, फ़ोल्ड किए जा सकने वाले डिवाइस, टैबलेट, और ChromeOS डिवाइस हैं, ताकि आपको अपने डिवाइस की स्क्रीन को बड़ा आपका ऐप्लिकेशन डेवलपमेंट की शुरुआत से ही स्क्रीन पर नज़र रखता है. Reader Revenue Manager को सेट अप करने के बारे में और विज़ुअल उदाहरण के लिए, बड़ी स्क्रीन की गैलरी देखें.

अपने मीडिया ऐप्लिकेशन को डिफ़ॉल्ट रूप से रिस्पॉन्सिव बनाएं

मीडिया ऐप्लिकेशन का लेआउट बनाकर, काम न करने वाले लोगों के अनुभव से बचें इसे फ़ोन, टैबलेट, फ़ोल्ड किए जा सकने वाले डिवाइस, और ChromeOS डिवाइसों पर इस्तेमाल किया जा सकता है.

आपका ऐप्लिकेशन अलग-अलग स्क्रीन साइज़ के हिसाब से रिस्पॉन्सिव होना चाहिए, स्क्रीन की दिशा, और डिवाइस के नाप या आकार. अडैप्टिव लेआउट में स्क्रीन के हिसाब से बदलाव होता है तो उसे खाली नहीं छोड़ा जा सकता. ज़्यादा जानकारी के लिए, अलग-अलग साइज़ की स्क्रीन के लिए उपलब्ध सुविधा देखें.

दिशा-निर्देशों के हिसाब से डिज़ाइन करना

ऐप्लिकेशन की मुख्य क्वालिटी, सभी Android ऐप्लिकेशन का आधार होती है. इस बात से कोई फ़र्क़ नहीं पड़ता कि उनके डिवाइस का डिसप्ले साइज़ क्या है, या डिवाइस से जुड़ी दूसरी ज़रूरी बातें. आपके ऐप्लिकेशन को मिलना चाहिए इन बुनियादी शर्तों को पूरा कर लें. इसके लिए ज़्यादा जानकारी के लिए, ऐप्लिकेशन की मुख्य क्वालिटी देखें.

आपके ऐप्लिकेशन से लोगों को बेहतरीन अनुभव मिलना चाहिए, चाहे डिवाइस का कोई भी वर्शन हो इसलिए, अपने ऐप्लिकेशन को कई चीज़ों के हिसाब से डिज़ाइन करें. जैसे, स्क्रीन का साइज़, डिसप्ले मोड या पॉस्चर नीचे टियर 1, 2, और 3 के दिशा-निर्देश दिए गए हैं.

इन दिशा-निर्देशों में, प्रॉडक्ट की क्वालिटी से जुड़ी ज़्यादातर ज़रूरी शर्तों के बारे में बताया गया है. किस तरह के Android ऐप्लिकेशन हैं.

टियर 3:

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

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

टियर 2:

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

टियर 1:

यह उपयोगकर्ता के लिए सबसे बेहतर सहायता है और इससे उपयोगकर्ता को सबसे बेहतर का अनुभव मिलता है, क्योंकि इससे प्रीमियम सुविधाओं और क्षमताओं के बारे में पता चलता है.

यह ऐप्लिकेशन, मल्टीटास्किंग, फ़ोल्ड किए जा सकने वाले पोज़िशन, ड्रैग, और स्टाइलस इनपुट. इस स्तर पर, ऐप्लिकेशन बहुत अलग-अलग होते हैं, इसलिए भुगतान करें मल्टी-टास्किंग और फ़ोल्ड किए जा सकने वाले पॉस्चर. ज़्यादा जानने के लिए, बड़ी स्क्रीन की खास बातें देखें.

ऑप्टिमाइज़ किए गए लेआउट

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

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

मीडिया लेआउट

अपने ऐप्लिकेशन के लिए, अलग-अलग तरह के लेआउट लागू करें. इससे आपको अपने ऐप्लिकेशन को इस्तेमाल करने लायक बनाने में मदद मिलेगी सूची-जानकारी, फ़ीड, और सहायक पैनल. MDX, Flutter, और MDX पर जानकारी के लिए लेआउट लिखें और लेआउट से जुड़े संसाधन देखें.

  • सूची की जानकारी: अपने ऐप्लिकेशन को इंटरैक्टिव मीडिया ब्राउज़र के साथ डिज़ाइन करने पर, उपयोगकर्ता अलग-अलग तरह के मीडिया मीडिया देखते या सुनते समय. मीडिया टाइटल, हेडलाइन और टाइटल के साथ-साथ दिखाए जाते हैं चल रहे किसी वीडियो या ऑडियो फ़ाइल का हिस्सा हैं. डिवाइस की स्क्रीन की दिशा में बदलाव होने पर, सूची में लेआउट, ऐप्लिकेशन की स्थिति को बनाए रखने के लिए रिस्पॉन्स देता है. इस बारे में ज़्यादा जानने के लिए, यह देखें List-detail लेआउट.

  • फ़ीड: फ़ीड लेआउट, कॉन्फ़िगर किए जा सकने वाले ग्रिड में कॉन्टेंट के मिलते-जुलते एलिमेंट को बड़ी संख्या में कॉन्टेंट को फटाफट और आसानी से ऐक्सेस करके, जैसे कि म्यूज़िक फ़ीड या आपके ऐप्लिकेशन में फ़िल्म और टीवी शो का कीऑस्क. ज़्यादा जानकारी के लिए, फ़ीड लेआउट देखें.

  • सहायक पैनल: मुख्य और दूसरे डिसप्ले एरिया की मदद से, आपका ऐप्लिकेशन काम करने वाला एक पैनल जोड़ सकता है संदर्भ, प्रासंगिकता या संदर्भ के लिए, जैसे कि इससे मिलती-जुलती चीज़ों की स्क्रोलिंग सूची शीर्षक, पब्लिश की गई समीक्षाएं या हूबहू एक जैसे कलाकारों या कलाकारों के अन्य काम शामिल न हों. ज़्यादा जानकारी के लिए, सहायक पैनल लेआउट देखें.

मीडिया लेआउट के चुनिंदा कलेक्शन के लिए, मीडिया गैलरी देखें.

सोशल मीडिया लेआउट

बड़ी स्क्रीन की मदद से, सोशल मीडिया इस्तेमाल करने वाले लोग कॉन्टेंट बना सकते हैं. साथ ही, एक साथ कई काम कर सकते हैं. कॉन्टेंट को एक ऐप्लिकेशन से दूसरे ऐप्लिकेशन में ले जाने के लिए, और उसे शेयर करने के लिए दबाएं. खास जानकारी के साथ ऐसी सुविधाएँ और सुविधाएँ जो छोटी स्क्रीन वाले डिवाइसों पर उपलब्ध नहीं हैं. उदाहरण के लिए, बड़ी स्क्रीन स्क्रीन मीडिया ऐप्लिकेशन, सूची की जानकारी, फ़ीड, और सहायक पैनल का फ़ायदा ले सकता है लेआउट.

  • सूची की जानकारी: यह मैसेजिंग ऐप्लिकेशन, संपर्क मैनेजर या फ़ाइल ब्राउज़र के लिए सही है. इसके लिए उदाहरण के लिए, आपका ऐप्लिकेशन पूरी जानकारी के साथ-साथ बातचीत की सूची भी दिखा सकता है ताकि आपको नए मैसेज के बारे में अप-टू-डेट जानकारी मिल सके. ज़्यादा जानकारी के लिए, List-detail लेआउट देखें.

  • फ़ीड: इस स्टाइल के लेआउट में आम तौर पर इस्तेमाल होने वाले कॉम्पोनेंट, कार्ड और सूचियां होते हैं. उदाहरण के लिए, ज़रूरत के हिसाब से ग्रिड फ़ॉर्मैट में, पोस्ट का कोलाज बनाएं या साइज़ और पोज़िशन का इस्तेमाल करें का इस्तेमाल किया जा सकता है. उपयोगकर्ता इनके बड़े ग्रुप को तुरंत देख सकते हैं कॉन्टेंट. ज़्यादा जानकारी के लिए, फ़ीड लेआउट देखें.

  • सहायक पैनल: खोज करने और रेफ़रंस देने वाले ऐप्लिकेशन या बेहतर ढंग से काम करने में मदद करने वाले किसी ऐप्लिकेशन को इन सुविधाओं से फ़ायदा हो सकता है लेआउट. इससे उपयोगकर्ता, कॉन्टेंट बनाने वाले टूल आसानी से ऐक्सेस कर पाता है. उदाहरण के लिए, आपका ऐप्लिकेशन, उपयोगकर्ताओं को सेटिंग में बदलाव करने, रंग पटल ऐक्सेस करने, इफ़ेक्ट लागू करने, और परिवर्तन तुरंत देखें. ज़्यादा जानकारी के लिए, साथ काम करने वाले पैनल लेआउट लेख पढ़ें.

सोशल मीडिया लेआउट के चुनिंदा कलेक्शन के लिए, सोशल मीडिया गैलरी पेज देखें.

बड़ी स्क्रीन वाले मीडिया ऐप्लिकेशन इस्तेमाल करने के सबसे सही तरीके

बड़ी स्क्रीन के लिए सबसे सही तरीके इस्तेमाल करने से, स्क्रीन पर बार-बार आने वाली आपका ऐप्लिकेशन. इन कंट्रोल की मदद से, कई डिवाइसों पर आपका ऐप्लिकेशन इस्तेमाल करना ज़्यादा आसान हो जाता है, जैसे कि शुरुआत, विशेष रूप से स्क्रीन की दिशा, कीबोर्ड शॉर्टकट, कैमरा के बारे में सुविधा और फ़ोल्ड किए जा सकने वाले पोज़िशन की झलक देखी जा सकती है.

ओरिएंटेशन और साइज़ बदलना

अगर आपका मीडिया ऐप्लिकेशन स्क्रीन की दिशा और साइज़ बदलने से जुड़ी पाबंदियों के बारे में बताता है, तो Android कम्पैटबिलटी मोड को चालू करता है. हालांकि, कंपैटबिलिटी मोड की मदद से यह पक्का किया जाता है कि आपका ऐप्लिकेशन सही तरीके से काम करता है, उपयोगिता बहुत कम हो जाती है, और उपयोगकर्ता अनुभव मुश्किलों का सामना करना पड़ता है.

उदाहरण के लिए, अगर आपका ऐप्लिकेशन टैबलेट पर है, तो टैबलेट लैंडस्केप मोड में डॉक हो जाता है स्क्रीन की दिशा. अगर आपका ऐप्लिकेशन पोर्ट्रेट मोड में है, तो इसकी वजह से लेटरबॉक्स किया जाता है. जो असली उपयोगकर्ता के लिए सही नहीं है. आपके ऐप्लिकेशन को लोगों को यह सुविधा देनी चाहिए कि वे पसंदीदा ओरिएंटेशन का इस्तेमाल करें, इसलिए बड़े साइज़ के, डिज़ाइन किया गया है.

ओरिएंटेशन की कोई भी पाबंदी, कॉन्टेंट के साथ उपयोगकर्ताओं के इंटरैक्ट करने के तरीके को कम कर देती है मीडिया का इस्तेमाल नहीं करते. इससे आपके ऐप्लिकेशन का सीमित इस्तेमाल होता है. ओरिएंटेशन बदलने से यह हो सकता है साइज़ बदलने से कुछ हद तक असर पड़ता है, लेकिन साइज़ बदलने से ओरिएंटेशन में बदलाव होना ज़रूरी नहीं है.

कीबोर्ड शॉर्टकट

बड़ी स्क्रीन पर, फ़िज़िकल कीबोर्ड पर मौजूद कीबोर्ड शॉर्टकट, जैसे कि शुरू करें, बंद करें या बंद करें कॉन्टेंट को रोकने, पीछे ले जाने, और फ़ॉरवर्ड करने की सुविधा का इस्तेमाल किया जा सकता है. इससे उपयोगकर्ता को जिसमें कीबोर्ड से एक जैसा उपयोगकर्ता अनुभव मिलता है.

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

कैमरे की झलक देखने की सुविधा

बड़ी स्क्रीन होने पर, आपको स्ट्रेचिंग, क्रॉपिंग, और घुमाव. इसलिए, आपको लगता है कि कैमरे की झलक का साइज़ यूज़र इंटरफ़ेस (यूआई) से अलग है आपका मीडिया ऐप्लिकेशन असल में रेंडर होता है.

उदाहरण के लिए, अगर कोई उपयोगकर्ता अपने टैबलेट से फ़ोटो खींचता है जो उलटा रेंडर हो जाता है, यह एक खराब अनुभव है. कैमरा शामिल करें यह सुविधा बड़ी स्क्रीन के लिए काम करती है.

ज़्यादा जानकारी के लिए, CameraX की झलक देखें या Camera2 की झलक.

फ़ोल्ड किए जा सकने वाले पॉस्चर

मीडिया ऐप्लिकेशन को बड़ी स्क्रीन के हिसाब से डिज़ाइन किया जा सकता है. इसमें फ़ोल्ड किए जा सकने वाले पोज़िशन शामिल हैं. आपका ऐप्लिकेशन, उदाहरण के लिए, उपयोगकर्ता को मीडिया प्लेबैक के लिए एक टेबलटॉप कॉन्फ़िगरेशन दिया जा सकता है या झलक देखने और कैप्चर करने के लिए, रीयर डिसप्ले और ड्यूअल स्क्रीन मोड का इस्तेमाल किया जा सकता है.

आपके डेवलपमेंट प्लान में शामिल फ़ोल्ड किए जा सकने वाले पॉस्चर की मदद से, आपका ऐप्लिकेशन उपलब्ध है उनका ज़्यादा से ज़्यादा इस्तेमाल हुआ है. आपको ये सुविधाएं मिलती हैं: डिवाइस को फ़ोल्ड किए जा सकने वाले पोज़िशन के बिना, अन्य डिवाइसों पर इस्तेमाल नहीं किया जा सकता. ज़्यादा के लिए जानकारी के लिए, फ़ोल्ड किए जा सकने वाले पॉस्चर देखें.