Class Columns

ستون ها

ویجت Columns حداکثر 2 ستون را در یک کارت یا گفتگو نمایش می دهد. شما می توانید ویجت ها را به هر Column اضافه کنید. ویجت ها به ترتیبی که مشخص شده اند ظاهر می شوند. برای مثال در برنامه‌های گپ Google، ستون‌ها را ببینید.

ارتفاع هر ستون توسط ستون بلندتر تعیین می شود. به عنوان مثال، اگر ستون اول از ستون دوم بلندتر باشد، هر دو ستون ارتفاع ستون اول را دارند. از آنجایی که هر ستون می تواند دارای تعداد متفاوتی از ویجت ها باشد، نمی توانید ردیف ها را تعریف کنید یا ویجت ها را بین ستون ها تراز کنید.

ستون ها در کنار هم نمایش داده می شوند. می توانید عرض هر ستون را با استفاده از فیلد HorizontalSizeStyle سفارشی کنید. اگر عرض صفحه کاربر خیلی باریک باشد، ستون دوم زیر ستون اول قرار می گیرد:

  • در وب، اگر عرض صفحه کمتر یا مساوی 480 پیکسل باشد، ستون دوم بسته می شود.
  • در دستگاه‌های iOS، اگر عرض صفحه کمتر یا مساوی 300 pt باشد، ستون دوم بسته می‌شود.
  • در دستگاه‌های Android، اگر عرض صفحه کمتر یا مساوی 320 dp باشد، ستون دوم بسته می‌شود.

برای برنامه‌های Google Chat و افزونه‌های Google Workspace موجود است. UI های افزودنی که از ستون ها پشتیبانی می کنند عبارتند از:

  • هنگامی که کاربران افزونه را از پیش نویس ایمیل باز می کنند، گفتگو نمایش داده می شود.
  • هنگامی که کاربران افزونه را از منوی افزودن پیوست در یک رویداد 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 به ویجت Columns اضافه می کند.
setWrapStyle(wrapStyle) Columns سبک بسته بندی ستون ها را تنظیم می کند، نحوه تغییر اندازه ستون را بر اساس عرض صفحه کنترل می کند.

مستندات دقیق

addColumn(column)

یک Column به ویجت Columns اضافه می کند. ستون ها به ترتیبی که اضافه می شوند نمایش داده می شوند. می توانید تا دو ستون اضافه کنید.

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

پارامترها

نام تایپ کنید توضیحات
column Column یک ستون فرزند برای افزودن به ویجت Columns.

بازگشت

Columns - این شی، برای زنجیر کردن.


setWrapStyle(wrapStyle)

سبک بسته بندی ستون ها را تنظیم می کند، نحوه تغییر اندازه ستون را بر اساس عرض صفحه کنترل می کند.

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

پارامترها

نام تایپ کنید توضیحات
wrapStyle WrapStyle سبک wrap برای تنظیم ستون ها.

بازگشت

Columns - این شی، برای زنجیر کردن.

،
ستون ها

ویجت Columns حداکثر 2 ستون را در یک کارت یا گفتگو نمایش می دهد. شما می توانید ویجت ها را به هر Column اضافه کنید. ویجت ها به ترتیبی که مشخص شده اند ظاهر می شوند. برای مثال در برنامه‌های گپ Google، ستون‌ها را ببینید.

ارتفاع هر ستون توسط ستون بلندتر تعیین می شود. به عنوان مثال، اگر ستون اول از ستون دوم بلندتر باشد، هر دو ستون ارتفاع ستون اول را دارند. از آنجایی که هر ستون می تواند دارای تعداد متفاوتی از ویجت ها باشد، نمی توانید ردیف ها را تعریف کنید یا ویجت ها را بین ستون ها تراز کنید.

ستون ها در کنار هم نمایش داده می شوند. می توانید عرض هر ستون را با استفاده از فیلد HorizontalSizeStyle سفارشی کنید. اگر عرض صفحه کاربر خیلی باریک باشد، ستون دوم زیر ستون اول قرار می گیرد:

  • در وب، اگر عرض صفحه کمتر یا مساوی 480 پیکسل باشد، ستون دوم بسته می شود.
  • در دستگاه‌های iOS، اگر عرض صفحه کمتر یا مساوی 300 pt باشد، ستون دوم بسته می‌شود.
  • در دستگاه‌های Android، اگر عرض صفحه کمتر یا مساوی 320 dp باشد، ستون دوم بسته می‌شود.

برای برنامه‌های Google Chat و افزونه‌های Google Workspace موجود است. UI های افزودنی که از ستون ها پشتیبانی می کنند عبارتند از:

  • هنگامی که کاربران افزونه را از پیش نویس ایمیل باز می کنند، گفتگو نمایش داده می شود.
  • هنگامی که کاربران افزونه را از منوی افزودن پیوست در یک رویداد 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 به ویجت Columns اضافه می کند.
setWrapStyle(wrapStyle) Columns سبک بسته بندی ستون ها را تنظیم می کند، نحوه تغییر اندازه ستون را بر اساس عرض صفحه کنترل می کند.

مستندات دقیق

addColumn(column)

یک Column به ویجت Columns اضافه می کند. ستون ها به ترتیبی که اضافه می شوند نمایش داده می شوند. می توانید تا دو ستون اضافه کنید.

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

پارامترها

نام تایپ کنید توضیحات
column Column یک ستون فرزند برای افزودن به ویجت Columns.

بازگشت

Columns - این شی، برای زنجیر کردن.


setWrapStyle(wrapStyle)

سبک بسته بندی ستون ها را تنظیم می کند، نحوه تغییر اندازه ستون را بر اساس عرض صفحه کنترل می کند.

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

پارامترها

نام تایپ کنید توضیحات
wrapStyle WrapStyle سبک wrap برای تنظیم ستون ها.

بازگشت

Columns - این شی، برای زنجیر کردن.