یک Column یک کانتینر عمودی است که چندین عنصر فرزند را به صورت بالا به پایین نگه میدارد. این عنصر به عنوان یک بلوک ساختارمند با قابلیت سفارشیسازی رنگ، اندازه، حاشیهها، شعاع گوشهها و تصویر پسزمینه اختیاری عمل میکند و برای گروهبندی عناصر در یک جریان عمودی منظم ایدهآل است.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Name | String | {name} | نام کانتینر ستون. |
| Elevation | Number | 0 | عمق سایه اعمال شده روی ستون. |
| Color | Color | {color} | رنگ پسزمینه ستون. |
| Cover | URL | {cover} | تصویر پسزمینه اختیاری برای ستون. |
| Size | Number | 0 | ارتفاع ستون (0 = اندازه خودکار). |
| Radius | Number | 12 | شعاع گوشههای ستون. |
| Margin | Number | 20 | فاصله بیرونی اطراف ستون. |
| MarginLine | Number | 10 | فاصله عمودی بین ستون و سایر عناصر. |
| Elements | Array |
[] | لیستی از عناصر فرزند که به صورت عمودی مرتب میشوند. |
نمونه کدنویسی:
{
"@Type": "Column",
"Name": "{name}",
"Elevation": 0,
"Color": "{color}",
"Cover": "{cover}",
"Size": 0,
"Radius": 12,
"Margin": 20,
"MarginLine": 10,
"Elements": [
]
}برای مشاهدهٔ نحوهٔ ایجاد این المان در اپلیکیشن ساز اپلین (حالت بدون کدنویسی)، به لینک زیر مراجعه کنید:
طراحی ستون در اپلین استودیو