DRAGGABLE - کتابخانه‌ای سبک و واکنشگرا برای درگ‌/درپ

ترجمه و تالیف : ارسطو عباسی
تاریخ انتشار : 13 خرداد 98
خواندن در 38 ثانیه
دسته بندی ها : کتابخانه

درگ/درپ یکی از ویژگی‌هایی است که در رابط‌های کاربری بسیار استفاده می‌شود. براساس نوع پروژه‌ای که در حال ساختن آن هستید، درگ/درپ می‌تواند راهکار بسیار خوبی برای کم کردن اشتباهات انسانی در جایی که نیاز به ورودی کیبورد است، باشد.

برای مثال در مرتب کردن یک لیست، بجای اینکه کاربران را مجبور به استفاده از کیبورد کنید، می‌توانید از حالت درگ/درپ استفاده کنید. مطمئنم که این نوع از تعامل در بازی‌ها نیز بسیار کاربردی خواهد بود.

در اینجا ما یک کتابخانه عالی برای پیاده‌سازی حالت درگ‌/درپ در اختیار داریم که draggable نام دارد و توسط Shopify پیاده‌سازی شده است. از ویژگی‌های قابل توجه این ابزار سبک و واکنشگرا بدن آن است. همچنین در وبسایت اصلی آن پیش‌نمایش‌های جالبی قرار گرفته شده که می‌توانید آن‌ها را مشاهده کنید.

ویژگی‌ها

  • قابلیت کار کردن با رویدادهای درگ محلی، ماوس و تاچ
  • قابلیت توسعه رفتار درگ کردن
  • قابلیت توسعه امکان تشخیص درگ
  • پیاده‌سازی شده براساس اکمااسکریپت۶

 API، گزینه‌ها و رویدادها

هر پلاگین خوبی به منعطف بودن در پیکربندی و همچنین توسعه‌پذیری نیاز دارد. بر همین اساس Draggable یکی از پلاگین‌های خوب است. در آن APIها، گزینه‌ها و رویدادهای بسیاری قرار گرفته که می‌توان از آن‌ها در پروژه‌تان استفاده کنید. می‌توانید تمام آن‌ها را در لینک مستندات مشاهده کنید.

منبع

گردآوری و تالیف ارسطو عباسی
آفلاین
user-avatar

من ارسطو‌ام :) کافی نیست؟! :)

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید