मॉडर्न कंप्यूटिंग ऐप्लिकेशन कैसे काम करते हैं, इसे तय करने में Android ऐप्लिकेशन की अहम भूमिका है बड़ी स्क्रीन पर. हालांकि, Chromebook पर मोबाइल ऐप्लिकेशन चलाने से आपको उपयोगकर्ताओं को बेहतरीन अनुभव मिले.
इस पेज पर कुछ ऐसे तरीके बताए गए हैं जिनकी मदद से अपने अनुभव को पसंद के मुताबिक बनाया जा सकता है लैपटॉप और कन्वर्टेबल डिवाइस फ़ॉर्म फ़ैक्टर की जानकारी भी मिलती है. हमारी टेस्ट की पूरी सूची, जिसमें आपको ऐप्लिकेशन की टेस्टिंग के बारे में ज़्यादा जानकारी मिलेगी इन डिवाइसों पर काम करता है या नहीं.
फ़्री-फ़ॉर्म मल्टी-विंडो की सुविधा का फ़ायदा लेना
ChromeOS पर Android ऐप्लिकेशन लागू करने में बेसिक मल्टी-विंडो शामिल है सहायता. हमेशा फ़ुल स्क्रीन पर काम करने के बजाय, Android ऐप्लिकेशन का इस्तेमाल फ़्री-फ़ॉर्म विंडो कंटेनर में करते हैं, जो इन डिवाइसों के लिए ज़्यादा सही हैं.
उपयोगकर्ता उस विंडो का साइज़ बदल सकते हैं जिसमें आपका Android ऐप्लिकेशन है, जैसा कि पहली इमेज में दिखाया गया है. यह पक्का करने के लिए कि आपकी फ़्री-फ़ॉर्म विंडो आसानी से साइज़ बदल रही हैं और दिखती हैं साथ ही, उपयोगकर्ता को उसका पूरा कॉन्टेंट ऐक्सेस करने के लिए कहें, तो विंडो मैनेजमेंट में दिए गए दिशा-निर्देशों को पढ़ें.
![](https://developer.android.com/static/images/topic/arc/resizable.png?hl=hi)
पहला डायग्राम. ऐप्लिकेशन की विंडो का साइज़ बदला जा सकता है.
ChromeOS पर आपका ऐप्लिकेशन चलने के दौरान, इन तरीकों को अपनाकर बेहतर उपयोगकर्ता अनुभव दिया जा सकता है: तरीके:
- गतिविधि की लाइफ़साइकल को सही तरीके से मैनेज करें मल्टी-विंडो मोड चालू करें और पक्का करें कि आप यूज़र इंटरफ़ेस (यूआई) को अपडेट करना जारी रखें. भले ही, आपका ऐप्लिकेशन सबसे ऊपर फ़ोकस की गई विंडो.
- पक्का करें कि जब भी उपयोगकर्ता विंडो का साइज़ बदले, तब आपका ऐप्लिकेशन अपने लेआउट में सही तरीके से बदलाव करे.
- यह तय करके ऐप्लिकेशन की विंडो के शुरुआती डाइमेंशन को अपनी ज़रूरत के मुताबिक बनाएं लॉन्च का साइज़ तय किया जा सकता है.
- ध्यान रखें कि ओरिएंटेशन ऐप्लिकेशन की रूट गतिविधि का असर उसकी सभी विंडो पर पड़ता है.
सबसे ऊपर मौजूद बार का रंग, अपनी पसंद के मुताबिक बनाएं
ChromeOS, ऐप्लिकेशन के सबसे ऊपर दिखने वाले बार में रंग भरने के लिए, ऐप्लिकेशन की थीम का इस्तेमाल करता है.
यह तब दिखता है, जब उपयोगकर्ता विंडो कंट्रोल और 'वापस जाएं' बटन को दबाकर रखते हैं. बनाने में
तो आपका ऐप्लिकेशन ChromeOS के लिए पॉलिश किया गया और कस्टमाइज़ किया गया है,
colorPrimary
अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है
और अगर हो सके,
colorPrimaryDark
वैल्यू को हाइलाइट किया जा सकता है.
सबसे ऊपर मौजूद बार को रंग देने के लिए, colorPrimaryDark
का इस्तेमाल किया जाता है. अगर सिर्फ़
colorPrimary
तय किया गया है. ChromeOS इसके गहरे रंग वाले वर्शन का इस्तेमाल करता है
टैप करें. ज़्यादा जानकारी के लिए, स्टाइल और थीम देखें.
कीबोर्ड, ट्रैकपैड, और माउस के साथ काम करता है
सभी Chromebook में फ़िज़िकल कीबोर्ड और ट्रैकपैड होता है. कुछ में टचस्क्रीन भी है. कुछ डिवाइस, लैपटॉप से टैबलेट में बदल सकते हैं.
ChromeOS के लिए अपने ऐप्लिकेशन में माउस, ट्रैकपैड, और कीबोर्ड से इनपुट दें इसलिए, टचस्क्रीन के बिना ऐप्लिकेशन का इस्तेमाल किया जा सकता है. कई ऐप्स पहले से ही माउस और ट्रैकपैड के लिए अलग से कुछ करने की ज़रूरत नहीं है. हालांकि, अपने ऐप्लिकेशन की सेटिंग को कस्टमाइज़ करना सबसे अच्छा होता है, सही व्यवहार करने और सहायता करने और इनके बीच अंतर करने में मदद करना माउस और टच इनपुट इस्तेमाल करें.
पक्का करें कि:
- माउस से सभी लक्ष्यों पर क्लिक किया जा सकता है.
- टच किए बिना स्क्रोल करने की सुविधा वाले सभी प्लैटफ़ॉर्म, माउस व्हील इवेंट पर स्क्रोल करते हैं, जैसा कि यहां दिखाया गया है दूसरी इमेज.
- कर्सर घुमाने की स्थिति में सुधार के लिए, सोच-समझकर फ़ैसला लेते हैं यूज़र इंटरफ़ेस (यूआई) का सुझाव, जिससे उपयोगकर्ता परेशान नहीं होते, जैसा कि तीसरी इमेज में दिखाया गया है.
![](https://developer.android.com/static/images/topic/arc/scroll_on_mousewheel.png?hl=hi)
दूसरा डायग्राम. माउस व्हील से स्क्रोल किया जा रहा है.
![](https://developer.android.com/static/images/topic/arc/hover_states.png?hl=hi)
तीसरी इमेज. बटन पर कर्सर घुमाने से जुड़ी स्थितियां.
जहां सही लगे वहां माउस और टच इनपुट के बीच अंतर करें. इसके लिए उदाहरण के लिए, किसी आइटम को होल्ड करने से एक से ज़्यादा विकल्प वाला यूज़र इंटरफ़ेस (यूआई) ट्रिगर हो सकता है, जबकि उसी आइटम पर राइट-क्लिक करने से इसके बजाय विकल्प मेन्यू ट्रिगर हो सकता है.
पसंद के मुताबिक कर्सर
अपने ऐप्लिकेशन की माउस कर्सर से यह पता चलता है कि उपयोगकर्ता अपने यूज़र इंटरफ़ेस (यूआई) का कौनसा एलिमेंट देख रहा है
के साथ इंटरैक्ट कर सकता है और कैसे कर सकता है. PointerIcon
को इस्तेमाल करने के लिए सेट किया जा सकता है
जब उपयोगकर्ता setPointerIcon()
तरीके को कॉल करके किसी व्यू के साथ इंटरैक्ट करते हैं.
अपने ऐप्लिकेशन में, ये सभी चीज़ें दिखाएं:
- टेक्स्ट के लिए आई-बीम पॉइंटर
- साइज़ बदलने वाले लेयर के किनारों पर हैंडल का साइज़ बदलें
- पैन किए जा सकने वाले या ड्रैग किए जा सकने वाले कॉन्टेंट के लिए ओपन और क्लोज़्ड हाथ के पॉइंटर क्लिक करने के बाद खींचें और छोड़ें
- प्रोसेसिंग स्पिनर
PointerIcon
क्लास से आपको कॉन्सटेंट मिलते हैं
का इस्तेमाल कस्टम कर्सर लागू करने के लिए कर सकता है.
कीबोर्ड शॉर्टकट और नेविगेशन
हर Chromebook में फ़िज़िकल कीबोर्ड होता है, इसलिए हॉट बटन इस्तेमाल करके अपने उपयोगकर्ताओं को अधिक उत्पादक होने दें. उदाहरण के लिए, अगर आपका ऐप्लिकेशन प्रिंट करते समय, प्रिंट करने के लिए एक डायलॉग बॉक्स खोलने के लिए, Control+P का इस्तेमाल करें.
इसी तरह, टैब नेविगेशन का इस्तेमाल करके सभी ज़रूरी यूज़र इंटरफ़ेस (यूआई) एलिमेंट मैनेज करें. सुलभता के लिए यह खास तौर पर ज़रूरी है. सुलभता के मानकों को पूरा करने के लिए, यूज़र इंटरफ़ेस (यूआई) के सभी प्लैटफ़ॉर्म, साफ़ तौर पर और सुलभता के हिसाब से होने चाहिए राज्यों में दी गई जानकारी, जैसा कि यहां दी गई इमेज में दिखाया गया है:
![](https://developer.android.com/static/images/topic/arc/transversal_tabbing.png?hl=hi)
चौथी इमेज. ट्रांसवर्सल टैबिंग.
![](https://developer.android.com/static/images/topic/arc/hover_controls.png?hl=hi)
पांचवी इमेज. स्वाइप करने पर दिखने वाले हाथ के जेस्चर को कर्सर घुमाने पर दिखने वाले कंट्रोल से बदलना.
कोर के लिए कीबोर्ड या माउस के विकल्पों को लागू करना न भूलें कुछ खास तरह के इंटरैक्शन के दौरान छिपी हुई सुविधाएं, जैसे कि टच & कार्रवाइयों को होल्ड पर रखें, या अन्य मल्टी-टच जेस्चर शामिल हैं. इसका एक उदाहरण यह है कि वे बटन जो कर्सर घुमाने पर सतह पर दिखते हैं.
कीबोर्ड, ट्रैकपैड, और माउस का इस्तेमाल करने के बारे में ज़्यादा जानकारी के लिए, यहां देखें बड़ी स्क्रीन पर इनपुट की सुविधा काम करती है.
उपयोगकर्ताओं के इनपुट को बेहतर बनाएं
अपने ऐप्लिकेशन के लिए डेस्कटॉप-ग्रेड की सुविधाएं पाने के लिए, इन बातों को ध्यान में रखें बेहतर ढंग से काम में मदद करने वाले इनपुट शामिल हैं.
संदर्भ मेन्यू
Android के लिए कॉन्टेक्स्ट मेन्यू, जो उपयोगकर्ताओं को आपके ऐप्लिकेशन की सुविधाएं, माउस या ट्रैकपैड के एक क्लिक से ट्रिगर हो सकती हैं दूसरा बटन या टच और टचस्क्रीन पर होल्ड करो:
![](https://developer.android.com/static/images/topic/arc/contextual_menu.png?hl=hi)
छठी इमेज. राइट क्लिक करने पर, संदर्भ मेन्यू दिखता है.
खींचें और छोड़ें
खींचें और छोड़ें इंटरैक्शन बनाना, जैसा कि नीचे दिए गए डायग्राम में दिखाया गया है, कुशल, सहज उत्पादकता ला सकता है सुविधा उपलब्ध कराने का काम कर सकती है. ज़्यादा जानकारी के लिए, खींचें और छोड़ें सेक्शन देखें.
![](https://developer.android.com/static/images/topic/arc/drag_and_drop.png?hl=hi)
सातवीं इमेज. फ़ाइल ट्री इंटरफ़ेस में खींचें और छोड़ें.
स्टाइलस इस्तेमाल किया जा सकता है
ड्रॉइंग और नोट लिखने वाले ऐप्लिकेशन के लिए, स्टाइलस का इस्तेमाल करना ज़रूरी है. बेहतर बनाएं स्टाइलस के साथ काम करने वाले Chromebook और टैबलेट के लिए, इंटरैक्शन की सुविधा इस्तेमाल करने में मदद करता है स्टाइलस इनपुट के उपयोग के लिए बनाया गया.
संभावित वैरिएशन को ध्यान में रखें का इस्तेमाल, स्टाइलस इंटरैक्शन को डिज़ाइन करते समय किया जा सकता है. समस्या की पूरी जानकारी के लिए स्टाइलस API, देखें बड़ी स्क्रीन पर इनपुट की सुविधा काम करती है.
अपने लेआउट को रिस्पॉन्सिव बनाएं
अपने ऐप्लिकेशन के लिए उपलब्ध, स्क्रीन के रीयल एस्टेट का सही इस्तेमाल करें विज़ुअल की स्थिति (फ़ुलस्क्रीन, पोर्ट्रेट, लैंडस्केप या विंडो) इसके कुछ उदाहरण स्टोरेज के अच्छे इस्तेमाल में ये शामिल हैं:
- ऐप्लिकेशन का आर्किटेक्चर दिखाएं.
- टेक्स्ट की लंबाई और इमेज के साइज़ को ज़्यादा से ज़्यादा चौड़ाई तक सीमित करें.
- ऐप्लिकेशन के टूलबार में जाकर, रीयल एस्टेट का बेहतर तरीके से इस्तेमाल करें.
- इसके बजाय, माउस के इस्तेमाल के हिसाब से ऐप्लिकेशन का इस्तेमाल करें, ताकि यूज़र इंटरफ़ेस (यूआई) की खूबियों को बेहतर तरीके से दिखाया जा सके इस्तेमाल किया जाता है.
- वीडियो और इमेज के साइज़ को ऑप्टिमाइज़ करें और ज़्यादा से ज़्यादा चौड़ाई का सेट सेट करें और सभी मीडिया के लिए ऊंचाई तय करने की सुविधा होगी. साथ ही, पढ़ने और स्कैन करने की क्षमता बढ़ाने में भी मदद मिलेगी.
- रिस्पॉन्सिव कॉलम सिस्टम का इस्तेमाल करें. ज़्यादा जानकारी के लिए, रिस्पॉन्सिव (स्क्रीन के हिसाब से आकार बदलने वाले) विज्ञापन देखें लेआउट ग्रिड.
- कॉलम सिस्टम का इस्तेमाल करके, ज़रूरत के मुताबिक यूज़र इंटरफ़ेस (यूआई) का साइज़ बदलें और उसमें बदलाव करें. जब हो सके, नई विंडो खोलने से बचें.
- हॉरिज़ॉन्टल स्क्रोलिंग कॉम्पोनेंट की अहमियत हटाएं या कम करें.
- फ़ुलस्क्रीन मोडल यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करने से बचें. इनलाइन यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करें, जैसे कि प्रोग्रेस इंडिकेटर और अलर्ट. सभी गैर-ज़रूरी कार्रवाइयों के लिए चेतावनी.
- बेहतर यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट का इस्तेमाल करना. जैसे, समय और तारीख चुनने वाले टूल, टेक्स्ट फ़ील्ड, और जो माउस, कीबोर्ड, और बड़ी स्क्रीन के लिए डिज़ाइन किए गए हैं.
- नई गतिविधि के बजाय, इनलाइन बदलावों, अतिरिक्त कॉलम या मॉडल यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करें को छोटा या मीडियम साइज़ में एडिट करने की सुविधा देता है.
- बेहतर कीबोर्ड के लिए, फ़्लोटिंग ऐक्शन बटन (एफ़एबी) को हटाएं या उनमें बदलाव करें नेविगेशन. डिफ़ॉल्ट रूप से, एफ़एबी की पोज़िशन ट्रांसवर्सल टैबिंग में सबसे आखिर में होती है ऑर्डर. इसके बजाय, इसे सबसे पहले बनाएं, क्योंकि यह मुख्य कार्रवाई है या इसकी जगह, ज़्यादा कीमत वाला प्लान उपलब्ध कराएं.
![](https://developer.android.com/static/images/topic/arc/responsive_layout.png?hl=hi)
आठवीं इमेज. रिस्पॉन्सिव लेआउट वाले फ़ोन और डेस्कटॉप साइज़ की स्क्रीन.
नेविगेशन के पैटर्न में बदलाव करना
सिस्टम-लेवल पर 'वापस जाएं' बटन एक पैटर्न होता है से अलग हो जाता है—जो किसी डेस्कटॉप कॉन्टेक्स्ट है.
जैसे-जैसे आपका ऐप्लिकेशन, लैपटॉप एनवायरमेंट के हिसाब से कस्टमाइज़ किया जाता है, वैसे-वैसे इन बातों पर ध्यान दें नेविगेट करने के लिए, एक पैटर्न बनाया जा रहा है. हमें ऐप्लिकेशन, इन-ऐप्लिकेशन बैक उपलब्ध कराकर, अपने इतिहास का स्टैक मैनेज करता है बटन, ब्रेडक्रंब या अन्य एस्केप रूट जैसे 'बंद करें' या 'रद्द करें' बटन का हिस्सा है.
ऐप्लिकेशन की विंडो में 'वापस जाएं' बटन दिखाया जाए या नहीं, यह तय करने के लिए
तो सेटिंग में जाकर,
<activity>
टैग के साथ जोड़ा जा सकता है. true
की सेटिंग छिपती है
'वापस जाएं' बटन:
<meta-data android:name="WindowManagerPreference:SuppressWindowControlNavigationButton" android:value="true" />
कैमरे की झलक दिखाने वाली इमेज से जुड़ी समस्याएं ठीक करना
ऐप्लिकेशन के सिर्फ़ पोर्ट्रेट ओरिएंटेशन में होने पर कैमरे से जुड़ी समस्याएं आ सकती हैं लेकिन उपयोगकर्ता उसे लैंडस्केप स्क्रीन पर चलाता है. ऐसे मामले में, पूर्वावलोकन या हो सकता है कि कैप्चर किए गए परिणाम गलत तरीके से घुमाए गए हों.
कम्पैटिबिलिटी मोड चालू होने पर, सिस्टम इवेंट को कैसे मैनेज करता है, जैसे कि स्क्रीन की दिशा में बदलाव ChromeOS. इससे, गलत तरीके से कैमरे का इस्तेमाल करने पर होने वाली समस्याओं को रोकने में मदद मिलती है स्क्रीन की दिशा वाला मोड चालू करें. कंपैटबिलिटी मोड को चालू करने के लिए, इन शर्तों को पूरा करें:
- कम से कम Android 7.0 (एपीआई लेवल 24) को टारगेट करें. कॉन्टेंट बनाने SDK टूल का लेवल कम से कम लेवल पर सेट किया जा सकता है.
- ऐप्लिकेशन का साइज़ बदलने की सुविधा उपलब्ध कराएं.
डिवाइस की सेटिंग मैनेज करना
ChromeOS पर चलने वाले ऐप्लिकेशन के लिए, डिवाइस की इन सेटिंग का इस्तेमाल करें.
आवाज़ कम या ज़्यादा करें
ChromeOS डिवाइस फ़िक्स्ड वॉल्यूम वाले डिवाइस होते हैं: आवाज़ करने वाले ऐप्लिकेशन के अपने खुद के डिवाइस होते हैं वॉल्यूम कंट्रोल. इसके लिए दिशा-निर्देशों का पालन करें काम कर रहे हैं फ़िक्स्ड वॉल्यूम वाले डिवाइसों के साथ.
स्क्रीन की चमक कम या ज़्यादा करना
ChromeOS पर, डिवाइस की चमक को कम या ज़्यादा नहीं किया जा सकता.
system settings
और
WindowManager.LayoutParams
को अनदेखा कर दिया जाता है.
सीखने के लिए अतिरिक्त सामग्री
अपने Android ऐप्लिकेशन को Chromebook के लिए ऑप्टिमाइज़ करने के बारे में ज़्यादा जानने के लिए, इन संसाधनों की मदद से:
- पढ़ें Android डेवलपर की पोस्ट में, अपने Android ऐप्लिकेशन को Chromebook पर लाएं ब्लॉग.
- Android ऐप्लिकेशन देखें Chromebook और बड़ी स्क्रीन वाले डिवाइसों के लिए, Google I/O सेशन 2017.