Class Columns

कॉलम

Columns विजेट, कार्ड या डायलॉग में ज़्यादा से ज़्यादा दो कॉलम दिखाता है. हर Column में विजेट जोड़े जा सकते हैं. विजेट उसी क्रम में दिखते हैं जिस क्रम में उन्हें जोड़ा गया है. उदाहरण के लिए, Google Chat ऐप्लिकेशन में, कॉलम देखें.

हर कॉलम की ऊंचाई, सबसे लंबे कॉलम के हिसाब से तय होती है. उदाहरण के लिए, अगर पहला कॉलम, दूसरे कॉलम से लंबा है, तो दोनों कॉलम की ऊंचाई पहले कॉलम की होगी. हर कॉलम में अलग-अलग संख्या में विजेट हो सकते हैं. इसलिए, कॉलम के बीच पंक्तियां तय नहीं की जा सकतीं या विजेट अलाइन नहीं किए जा सकते.

कॉलम एक साथ दिखते हैं. HorizontalSizeStyle फ़ील्ड का इस्तेमाल करके, हर कॉलम की चौड़ाई को पसंद के मुताबिक बनाया जा सकता है. अगर उपयोगकर्ता की स्क्रीन की चौड़ाई बहुत कम है, तो दूसरा कॉलम पहले कॉलम के नीचे दिखता है:

  • वेब पर, अगर स्क्रीन की चौड़ाई 480 पिक्सल या उसके बराबर है, तो दूसरा कॉलम रैप हो जाता है.
  • iOS डिवाइसों पर, अगर स्क्रीन की चौड़ाई 300 pt से कम या उसके बराबर है, तो दूसरा कॉलम रैप हो जाता है.
  • Android डिवाइसों पर, अगर स्क्रीन की चौड़ाई 320 डीपी से कम या उसके बराबर है, तो दूसरा कॉलम रैप हो जाता है.

यह सुविधा, Google Chat ऐप्लिकेशन और Google Workspace ऐड-ऑन के लिए उपलब्ध है. कॉलम के साथ काम करने वाले ऐड-ऑन यूज़र इंटरफ़ेस (यूआई) में ये शामिल हैं:

  • यह डायलॉग तब दिखता है, जब उपयोगकर्ता किसी ईमेल ड्राफ़्ट से ऐड-ऑन खोलते हैं.
  • यह डायलॉग तब दिखता है, जब उपयोगकर्ता Google Calendar इवेंट में अटैचमेंट जोड़ें मेन्यू से ऐड-ऑन खोलते हैं.
    // Build a column that is aligned in the center and fills the space:
    const column =
        CardService.newColumn()
            .setHorizontalSizeStyle(
                CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
            .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
            .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
    const columns = CardService.newColumns().addColumn(column).setWrapStyle(
        CardService.WrapStyle.WRAP);

तरीके

तरीकारिटर्न टाइपसंक्षिप्त विवरण
addColumn(column)Columnsकॉलम विजेट में Column जोड़ता है.
setWrapStyle(wrapStyle)Columnsकॉलम के रैप स्टाइल को सेट करता है. साथ ही, यह कंट्रोल करता है कि स्क्रीन की चौड़ाई के आधार पर कॉलम का साइज़ कैसे बदलता है.

ज़्यादा जानकारी वाला दस्तावेज़

addColumn(column)

कॉलम विजेट में Column जोड़ता है. कॉलम उसी क्रम में दिखते हैं जिस क्रम में उन्हें जोड़ा गया है. ज़्यादा से ज़्यादा दो कॉलम जोड़े जा सकते हैं.

const columns = CardService.newColumns().addColumn(CardService.newColumn());

पैरामीटर

नामटाइपब्यौरा
columnColumnकॉलम विजेट में जोड़ने के लिए चाइल्ड कॉलम.

वापसी का टिकट

Columns — चेन करने के लिए यह ऑब्जेक्ट.


setWrapStyle(wrapStyle)

कॉलम के रैप स्टाइल को सेट करता है. साथ ही, यह कंट्रोल करता है कि स्क्रीन की चौड़ाई के आधार पर कॉलम का साइज़ कैसे बदलता है.

const columns = CardService.newColumns()
                    .addColumn(CardService.newColumn())
                    .setWrapStyle(CardService.WrapStyle.WRAP);

पैरामीटर

नामटाइपब्यौरा
wrapStyleWrapStyleकॉलम के लिए सेट किया जाने वाला रैप स्टाइल.

वापसी का टिकट

Columns — चेन बनाने के लिए यह ऑब्जेक्ट.