یک عنصر Icon یک نماد تصویری تکتایی را نمایش میدهد که معمولاً برای عملیات، نشانگرها یا تزئینات استفاده میشود. این عنصر امکان سفارشیسازی اندازه، شعاع گوشهها، فاصلهها و رویدادهای تعاملی مانند کلیک و نگهداشتن طولانی را دارد.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Name | String | {name} | شناسه نام برای عنصر آیکون. |
| Src | URL | {logoSrc} | مسیر یا URL منبع گرافیک آیکون. |
| Alt | String | {alt} | متن جایگزین که در صورت بارگذاری نشدن آیکون نمایش داده میشود. |
| Size | Number | 0 | اندازه آیکون (عرض/ارتفاع). |
| Radius | Number | 12 | شعاع گوشه اعمال شده روی آیکون. |
| Margin | Number | 20 | فاصله بیرونی اطراف آیکون. |
| MarginLine | Number | 10 | فاصله عمودی بین این آیکون و عناصر مجاور. |
| OnClick | Array |
[] | لیست اعمالی که هنگام لمس اجرا میشوند. |
| OnLongClick | Array |
[] | لیست اعمالی که هنگام نگهداشتن طولانی اجرا میشوند. |
نمونه کدنویسی:
{
"@Type": "Icon",
"Name": "{name}",
"Src": "{logoSrc}",
"Alt": "{alt}",
"Size": 0,
"Radius": 12,
"Margin": 20,
"MarginLine": 10,
"OnClick": [],
"OnLongClick": []
}برای مشاهدهٔ نحوهٔ ایجاد این المان در اپلیکیشن ساز اپلین (حالت بدون کدنویسی)، به لینک زیر مراجعه کنید:
طراحی آیکون در اپلین استودیو