دکمههای شناور دکمههای تعاملی هستند که بالای محتوای صفحات مانند Main، Listing یا Web شناور میمانند. این دکمهها معمولاً در گوشهای ثابت یا روی محتوا قرار میگیرند و دسترسی سریع به عملیات مهم را فراهم میکنند. هر دکمه میتواند رنگ، اندازه، لوگو و عمق سایه (Elevation) دلخواه داشته باشد. کاربران میتوانند با لمس یا نگهداشتن دکمه، عملیات مشخصی که در اپلیکیشن تعریف شده است را اجرا کنند.
| فیلد | نوع | مقدار پیش فرض | توضیحات |
|---|---|---|---|
| Color | Color | {color} | رنگ پسزمینه دکمه شناور. میتوان آن را برای هماهنگی با برند تغییر داد. |
| Size | Number | 90 | قطر دکمه بر حسب پیکسل. برای برجسته یا کمجلب توجه بودن قابل تنظیم است. |
| Radius | Number | 1000 | شعاع گوشههای دکمه. مقدار بزرگ، شکل دایرهای ایجاد میکند. |
| Elevation | Number | 1 | عمق سایه دکمه برای ایجاد جلوهی شناور. |
| Logo | Logo | {logo} | تصویر یا آیکون نمایش داده شده روی دکمه. |
| Logo.Size | Number | 30 | اندازه لوگو داخل دکمه بر حسب پیکسل. |
| OnClick | Array |
[] | فهرست عملیاتی که هنگام لمس دکمه اجرا میشوند. |
| OnLongClick | Array |
[] | فهرست عملیاتی که هنگام نگهداشتن طولانی دکمه اجرا میشوند. |
نمونه کدنویسی:
{
"Float.Buttons": [
{
"Color": "{color}",
"Size": 90,
"Radius": 1000,
"Elevation": 1,
"Logo": "{logo}",
"Logo.Size": 30,
"OnClick": [],
"OnLongClick": []
}
]
}برای مشاهده نحوه طراحی دکمههای شناور (Float Buttons) در Applin Studio (بدون نیاز به کدنویسی)، به لینک زیر مراجعه کنید: