Class Columns

कॉलम

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

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

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

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

यह सुविधा, Google Chat ऐप्लिकेशन और Google Workspace ऐड-ऑन के लिए उपलब्ध है.

// 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 — यह ऑब्जेक्ट, चेन बनाने के लिए है.