دکمههای شناور
دکمههای شناور عناصر تعاملی و پویایی هستند که همیشه بالاتر از محتوای صفحه قرار میگیرند. این دکمهها برای ارائه دسترسی سریع به اقدامات مهم یا پرکاربرد—مثل باز کردن یک فرم، رفتن به صفحه دیگر، یا اجرای دستورات سفارشی—بسیار ایدهآل هستند.
افزودن دکمه شناور
دکمههای شناور فقط در صفحاتی فعال هستند که از طراحی بر پایه «المان» پشتیبانی میکنند؛ مانند صفحات Main، Listing یا Web.
برای اضافه کردن یک دکمه شناور:
- یک صفحه سازگار را باز کنید (مثل Main).
- روی یکی از المانهای داخل صفحه کلیک کنید.
- زبانه Page Editor را باز کنید.
- گزینه Add Float Button را انتخاب کنید.
Applin Studio فوراً یک دکمه شناور جدید در صفحه قرار میدهد تا بتوانید آن را شخصیسازی کنید.
عملیاتهای دکمه شناور
پس از ایجاد دکمه شناور، با کلیک روی آن فهرست کامل عملیات قابل انجام نمایش داده میشود:
- Add Float Button — اضافه کردن دکمه شناور جدید
- Edit Float Button — باز کردن ویرایشگر کامل برای شخصیسازی عمیق
- Edit Float Button (Fast) — ویرایش سریع برای تغییرات ضروری
- Up/Down Float Button — جابهجایی دکمه به بالا یا پایین
- Duplicate Float Button — کپیبرداری کامل از دکمه فعلی
- Delete Float Button — حذف کامل دکمه شناور
این گزینهها کنترل کامل ظاهر، رفتار و جایگذاری دکمه شناور را در اختیار شما قرار میدهند.
ویرایش کامل دکمه شناور
برای ویرایش کامل دکمه، روی Edit Float Button بزنید.
در این بخش میتوانید تمام خصوصیات ظاهری و عملکردی دکمه را تغییر دهید و نتیجه را بهصورت زنده مشاهده کنید.
دکمههای شناور از تنظیمات گستردهای مثل اندازه، رنگ، شعاع گوشهها، سایه، و لوگو پشتیبانی میکنند. همچنین میتوانید برای رویدادهای «کلیک» و «کلیک طولانی» دستورات اپلین تعریف کنید.
مرجع فیلدها
| فیلد | نوع | مقدار پیشفرض | توضیح |
|---|---|---|---|
| Color | Color | {color} | رنگ پسزمینه دکمه شناور؛ امکان هماهنگسازی با برند یا رابط کاربری. |
| Size | Number | 90 | قطر دکمه بر حسب پیکسل. |
| Radius | Number | 1000 | شعاع گوشهها؛ مقدارهای بزرگ باعث دایرهای شدن کامل دکمه میشود. |
| Elevation | Number | 1 | میزان سایه جهت ایجاد افکت شناوری. |
| Logo | Logo | {logo} | آیکون یا تصویر داخل دکمه. |
| Logo.Size | Number | 30 | اندازه آیکون داخلی. |
| OnClick | Array |
[] | دستورات اجراشونده هنگام «کلیک». |
| OnLongClick | Array |
[] | دستورات اجراشونده هنگام «کلیک طولانی». |
این سطح از کنترل باعث میشود بتوانید دکمههایی با ظاهر و رفتار کاملاً خاص و هماهنگ با طراحی اپ خود ایجاد کنید.
ویرایش سریع — Float Button (Fast Mode)
اگر فقط نیاز به اعمال تغییرات ساده—مثل تغییر رنگ یا لوگو—دارید، از گزینه Edit Float Button (Fast) استفاده کنید.
در حالت سریع میتوانید:
- رنگ دکمه را تغییر دهید
- لوگو را جایگزین یا تغییر دهید
این حالت برای اصلاحات سریع یا زمانی که چند صفحه را سبکسازی میکنید بسیار کاربردی است.
جابهجایی دکمه شناور
با گزینه Up/Down Float Button میتوانید دکمه را بهصورت عمودی روی صفحه جابهجا کنید.
این قابلیت کمک میکند دکمه با سایر المانها تداخل نداشته باشد و در محدودههای امن دستگاه قرار گیرد.
کپیکردن دکمه شناور
گزینه Duplicate Float Button یک کپی کاملاً مشابه از دکمه فعلی ایجاد میکند.
این ویژگی برای زمانی مفید است که قصد دارید چند دکمه با ظاهر مشابه اما عملکرد متفاوت داشته باشید.
حذف دکمه شناور
برای حذف دکمه از صفحه، کافیست گزینه Delete Float Button را انتخاب کنید.
دکمه بلافاصله از ویرایشگر و پیشنمایش حذف میشود.
🔗 منابع بیشتر
برای یادگیری ساخت و مدیریت دکمههای شناور بهصورت کدنویسی JSON، به لینک زیر مراجعه کنید:
توسعه دکمه شناور با JSON