ویجت Columns حداکثر 2 ستون را در یک کارت یا گفتگو نمایش می دهد. شما می توانید ویجت ها را به هر Column اضافه کنید. ویجت ها به ترتیبی که مشخص شده اند ظاهر می شوند. برای مثال در برنامه‌های گپ Google، ستون‌ها را ببینید.
ارتفاع هر ستون توسط ستون بلندتر تعیین می شود. به عنوان مثال، اگر ستون اول از ستون دوم بلندتر باشد، هر دو ستون ارتفاع ستون اول را دارند. از آنجایی که هر ستون می تواند دارای تعداد متفاوتی از ویجت ها باشد، نمی توانید ردیف ها را تعریف کنید یا ویجت ها را بین ستون ها تراز کنید.
ستون ها در کنار هم نمایش داده می شوند. با استفاده از قسمت Horizontal Size Style می توانید عرض هر ستون را سفارشی کنید. اگر عرض صفحه کاربر خیلی باریک باشد، ستون دوم زیر ستون اول قرار می گیرد:
- در وب، اگر عرض صفحه کمتر یا مساوی 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);
روش ها
| روش | نوع برگشت | شرح مختصر |
|---|---|---|
add Column(column) | Columns | یک Column به ویجت Columns اضافه می کند. |
set Wrap Style(wrapStyle) | Columns | سبک بسته بندی ستون ها را تنظیم می کند، نحوه تغییر اندازه ستون را بر اساس عرض صفحه کنترل می کند. |
مستندات دقیق
add Column(column)
یک Column به ویجت Columns اضافه می کند. ستون ها به ترتیبی که اضافه می شوند نمایش داده می شوند. می توانید تا دو ستون اضافه کنید.
const columns = CardService.newColumns().addColumn(CardService.newColumn());
پارامترها
| نام | تایپ کنید | توضیحات |
|---|---|---|
column | Column | یک ستون فرزند برای افزودن به ویجت Columns. |
بازگشت
Columns - این شی، برای زنجیر کردن.
set Wrap Style(wrapStyle)
سبک بسته بندی ستون ها را تنظیم می کند، نحوه تغییر اندازه ستون را بر اساس عرض صفحه کنترل می کند.
const columns = CardService.newColumns()
.addColumn(CardService.newColumn())
.setWrapStyle(CardService.WrapStyle.WRAP);پارامترها
| نام | تایپ کنید | توضیحات |
|---|---|---|
wrap Style | Wrap Style | سبک wrap برای تنظیم ستون ها. |
بازگشت
Columns - این شی، برای زنجیر کردن.