عنصر Select یک منوی کشویی ایجاد میکند که به کاربران امکان انتخاب از بین چند گزینه را میدهد.
این عنصر امکان فعال/غیرفعال کردن، تنظیم متن و استایل، ارتفاع و فاصلهگذاری از طریق مارجینها را دارد. تمامی گزینهها در آرایه Items ذخیره شده و هنگام تعامل با کشویی نمایش داده میشوند.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Name | String | {name} | شناسه یکتا برای عنصر Select. |
| Enable | Boolean | true | فعال یا غیرفعال کردن تعامل با عنصر Select. |
| Items | Array |
[] | آرایهای از گزینههای قابل انتخاب. |
| Text | String | {text} | برچسب یا متن پیشنمایش برای Select. |
| Text.Color | Color | {textColor} | رنگ برچسب یا متن پیشنمایش. |
| Text.Style | TextStyle | {textStyle} | استایل متن (مثلاً بولد، ایتالیک). |
| Text.Size | Number | 16 | اندازه فونت متن برچسب. |
| Size | Number | 0 | ارتفاع عنصر Select. |
| Margin | Number | 20 | فاصله بیرونی اطراف عنصر Select. |
| MarginLine | Number | 10 | فاصله عمودی نسبت به سایر عناصر. |
نمونه کدنویسی:
{
"@Type": "Select",
"Name": "{name}",
"Enable": true,
"Items": [],
"Text": "{text}",
"Text.Color": "{textColor}",
"Text.Style": "{textStyle}",
"Text.Size": 16,
"Size": 0,
"Margin": 20,
"MarginLine": 10
}برای مشاهدهٔ نحوهٔ ایجاد این المان در اپلیکیشن ساز اپلین (حالت بدون کدنویسی)، به لینک زیر مراجعه کنید:
طراحی انتخاب در اپلین استودیو