कार्ड पर आधारित इंटरफ़ेस

ऐड-ऑन कार्ड का उदाहरण

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

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

कार्ड बिना संदर्भ या संदर्भ के हो सकते हैं. काम के कार्ड दिखाए जाते हैं उपयोगकर्ता को तब दिखाई जाती है, जब होस्ट ऐप्लिकेशन किसी खास कॉन्टेक्स्ट में होता है. उदाहरण के लिए, Gmail संदेश या कैलेंडर इवेंट खोलते समय. जो कार्ड काम के नहीं हैं (जैसे कि होम पेज) उपयोगकर्ता को दिखाए जाते हैं होस्ट के किसी खास कॉन्टेक्स्ट से बाहर रखा जा सकता है. उदाहरण के लिए, जब उपयोगकर्ता Gmail इनबॉक्स, मुख्य Drive फ़ोल्डर या Calendar देखना.

Apps Script में पहले से मौजूद Google Workspace ऐड-ऑन, कार्ड सेवा, ताकि इनकी मदद से यूज़र इंटरफ़ेस बनाए जा सकें कार्ड. दूसरी भाषाओं में बनाए गए ऐड-ऑन कार्ड के रूप में रेंडर होने के लिए, इंटरफ़ेस को सही तरीके से फ़ॉर्मैट किया गया JSON देना चाहिए.

हर कार्ड में एक हेडर और एक या एक से ज़्यादा कार्ड के सेक्शन होते हैं. हर सेक्शन विजेट के सेट से बना. विजेट उपयोगकर्ता को जानकारी दिखा सकता है या बटन जैसे इंटरैक्शन कंट्रोल उपलब्ध करा सकता है.

कार्ड पर आधारित इंटरफ़ेस के ये फ़ायदे हैं:

  • कार्ड पर आधारित इंटरफ़ेस बनाने के लिए, एचटीएमएल या सीएसएस की जानकारी होना ज़रूरी नहीं है.
  • कार्ड और विजेट इस तरह से अपने-आप बन जाते हैं कि वे Google Workspace के वे ऐप्लिकेशन जिन पर ये सुविधाएं मिलती हैं.

  • कार्ड पर आधारित इंटरफ़ेस, डेस्कटॉप और मोबाइल डिवाइस, दोनों पर काम करते हैं. हालांकि, यह सुविधा सिर्फ़ आपको मिलती है को एक बार इंटरफ़ेस तय करना होगा.

कार्ड पर आधारित इंटरफ़ेस बनाना

कार्ड पर आधारित ऐड-ऑन बनाते समय, कुछ बातें समझना ज़रूरी है कॉन्सेप्ट और डिज़ाइन पैटर्न भी शामिल होते हैं. इन दिशा-निर्देशों में, अहम जानकारी के बारे में आपको कार्ड पर आधारित असरदार ऐड-ऑन बनाने होंगे:

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

  • Google Workspace ऐड-ऑन "बिल्लियां" क्विकस्टार्ट

    यह ऐड-ऑन सैंपल, Google Workspace ऐड-ऑन का आसान यूज़र इंटरफ़ेस (यूआई) दिखाता है. इसमें कई पेज और होम पेज.

  • Google Workspace ऐड-ऑन: "अनुवाद करें"

    यह ऐड-ऑन नमूना Google Workspace ऐड-ऑन दिखाता है, जो उपयोगकर्ताओं को यहां से टेक्स्ट का अनुवाद करने की सुविधा देता है सीधे Docs, Sheets, और Slides में मिलेगा.

  • Google Workspace ऐड-ऑन: "टीम की सूची"

    यह ऐड-ऑन नमूना ज़्यादा मुश्किल दिखाता है Google Workspace ऐड-ऑन का सैंपल, जो Gmail मैसेज पाने वालों, Drive की फ़ाइल में बदलाव करने वाले लोगों या कैलेंडर इवेंट में शामिल लोग. इस ऐड-ऑन का इस्तेमाल सिर्फ़ डोमेन के अंदर किया जा सकता है, क्योंकि यह वापस पाने के लिए Directory API का इस्तेमाल करता है उपयोगकर्ता जानकारी.