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