ویجت Columns حداکثر 2 ستون را در یک کارت یا گفتگو نمایش می دهد. شما می توانید ویجت ها را به هر Column اضافه کنید. ویجت ها به ترتیبی که مشخص شده اند ظاهر می شوند. برای مثال در برنامه‌های گپ Google، ستون‌ها را ببینید.
ارتفاع هر ستون توسط ستون بلندتر تعیین می شود. به عنوان مثال، اگر ستون اول از ستون دوم بلندتر باشد، هر دو ستون ارتفاع ستون اول را دارند. از آنجایی که هر ستون می تواند دارای تعداد متفاوتی از ویجت ها باشد، نمی توانید ردیف ها را تعریف کنید یا ویجت ها را بین ستون ها تراز کنید.
ستون ها در کنار هم نمایش داده می شوند. می توانید عرض هر ستون را با استفاده از فیلد HorizontalSizeStyle سفارشی کنید. اگر عرض صفحه کاربر خیلی باریک باشد، ستون دوم زیر ستون اول قرار می گیرد:
- در وب، اگر عرض صفحه کمتر یا مساوی 480 پیکسل باشد، ستون دوم بسته می شود.
- در دستگاه‌های iOS، اگر عرض صفحه کمتر یا مساوی 300 pt باشد، ستون دوم بسته می‌شود.
- در دستگاه‌های 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 به ویجت 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 - این شی، برای زنجیر کردن.