اسحب وأفلت

يتم سحب صورة وإفلاتها على أيقونة متصفح الويب، مما يؤدي إلى فتح الصورة في متصفح الويب.

في واجهات المستخدم الرسومية للحاسوب ، تُعدّ خاصية السحب والإفلات إيماءةً في جهاز التأشير، حيث يختار المستخدم كائنًا افتراضيًا عن طريق "الإمساك" به وسحبه إلى موقع مختلف أو إلى كائن افتراضي آخر. وبشكل عام، يمكن استخدامها لتنفيذ أنواع عديدة من الإجراءات، أو لإنشاء أنواع مختلفة من الارتباطات بين كائنين مجردين .

لا تدعم جميع البرامج خاصية السحب والإفلات، على الرغم من أنها تُعدّ أحيانًا تقنية سريعة وسهلة التعلم. ومع ذلك، ليس من الواضح دائمًا للمستخدمين إمكانية سحب عنصر ما وإفلاته، أو ما هو الأمر الذي يتم تنفيذه عند السحب والإفلات، مما قد يُقلل من سهولة الاستخدام. [ 1 ]

الإجراءات

التسلسل الأساسي لعملية السحب والإفلات هو:

  • حرك المؤشر إلى الكائن
  • اضغط باستمرار على زر الماوس أو أي جهاز تأشير آخر ، لـ"الإمساك" بالشيء.
  • اسحب العنصر إلى الموقع المطلوب عن طريق تحريك المؤشر إلى هذا الموقع.
  • قم بإسقاط العنصر عن طريق تحرير الزر

يتطلب السحب جهدًا بدنيًا أكبر من تحريك نفس جهاز التأشير دون الضغط على أي أزرار. ولهذا السبب، لا يستطيع المستخدم التحرك بنفس السرعة والدقة أثناء السحب (انظر قانون فيتس ). مع ذلك، تتميز عمليات السحب والإفلات بميزة دمج عنصرين (العنصر المراد سحبه، وموقع الإفلات) في عملية واحدة. [ 2 ] قد يؤدي السحب والإفلات لفترات طويلة (كما هو الحال في التصميم الجرافيكي) إلى إجهاد يد المستخدم.

تظهر مشكلة في التصميم عندما يقوم الزر نفسه بتحديد العناصر وسحبها. قد تتسبب الحركة غير الدقيقة في تسجيل محاولة تحديد عنصر ما على أنها حركة سحب.

تتمثل مشكلة أخرى في إمكانية إخفاء العنصر المراد سحبه تحت عناصر أخرى. في هذه الحالة، سيتعين على المستخدم إيقاف السحب، وإظهار كل من المصدر والهدف، ثم إعادة المحاولة. في نظام التشغيل Mac OS الكلاسيكي، كان شريط القوائم أعلى الشاشة بمثابة نقطة "إلغاء السحب" عامة. وقد تم حل هذه المشكلة في نظام Mac OS X مع إطلاق Exposé .

في نظام التشغيل ماك

استُخدمت خاصية السحب والإفلات، التي كانت تُسمى آنذاك النقر والسحب ، في نظام ماكنتوش الأصلي لمعالجة الملفات (على سبيل المثال، نسخها بين الأقراص [ 3 ] أو المجلدات [ 4 ] ). أضاف نظام التشغيل 7 إمكانية فتح مستند في تطبيق ما عن طريق سحب أيقونة المستند وإفلاتها على أيقونة التطبيق.

أضافت آبل ميزة "السحب والإفلات" لنظام ماكنتوش 7.5 ، موسعةً بذلك نطاق "النقر والسحب" ليشمل عمليات الحافظة الشائعة، مثل نسخ أو نقل المحتوى النصي داخل المستند. كما يُمكن سحب المحتوى إلى نظام الملفات لإنشاء "ملف قصاصات" يُمكن حفظه وإعادة استخدامه. ويمكن أيضًا إفلات الملفات على نوافذ التطبيقات، على سبيل المثال لإرفاق مستند في بريد إلكتروني، أو إضافة صورة إلى مستند معالج نصوص.

لطالما استخدم نظام التشغيل ماك أو إس فأرة بزر واحد يغطي جزءًا كبيرًا من سطحها العلوي. قد يُخفف هذا من المخاوف المتعلقة براحة المستخدم عند الضغط المستمر على الزر أثناء السحب.

في نظام التشغيل OS/2

تستخدم واجهة بيئة العمل في نظام التشغيل OS/2 خاصية السحب والإفلات بشكل مكثف باستخدام زر الفأرة الثانوي ، تاركةً الزر الرئيسي للاختيار والنقر. ويُعدّ استخدامها، كغيرها من ميزات الوصول المشترك المتقدمة ، عاملاً مميزاً يميز تطبيقات OS/2 الأصلية عن التطبيقات المُعدّلة التي تعمل على أنظمة تشغيل مستقلة .

في تصميم المواقع الإلكترونية

في لغة HTML

تتضمن مسودة مواصفات HTML5 دعمًا لخاصية السحب والإفلات. [ 5 ] يدعم HTML5 أنواعًا مختلفة من خصائص السحب والإفلات، بما في ذلك :

  • اسحب وأفلت النصوص ورموز HTML
  • اسحب وأفلت عناصر HTML
  • اسحب الملفات وأفلتها

بناءً على الإجراء المطلوب، يمكن استخدام أحد الأنواع المذكورة أعلاه. لاحظ أنه عند سحب عنصر HTML لتحريكه من موضعه الحالي، يتم إرسال معرّفه إلى العنصر الأصل المستهدف؛ لذا فهو يرسل نصًا ويمكن اعتباره ضمن المجموعة الأولى.

يدعم تطبيق البريد الإلكتروني Gmail من جوجل، والمُتاح عبر الويب ، خاصية سحب وإفلات الصور والمرفقات في أحدث إصدار من متصفح جوجل كروم ومتصفح سفاري (5.x) من آبل . كما يتيح جوجل إيميجز للمستخدمين سحب وإفلات ملفات الصور في المتصفح لإجراء بحث عكسي عن الصور .

في أدوات إنشاء المواقع الإلكترونية

توفر أدوات إنشاء المواقع الإلكترونية بالسحب والإفلات (وتُسمى أيضًا أدوات إنشاء المواقع الإلكترونية التي يمكنك القيام بها بنفسك ) واجهةً مرئيةً تُمكّن المستخدمين من إنشاء مواقعهم الإلكترونية وتخصيصها ببساطة عن طريق سحب وإفلات العناصر المختلفة على الصفحة، دون الحاجة إلى خبرة في البرمجة أو معرفة لغات البرمجة . وقد تطورت منصات إنشاء المواقع الإلكترونية بدون كتابة أكواد بشكلٍ كبيرٍ يفوق قدرات المحررات المرئية القديمة. [ 6 ] ومع ظهور الذكاء الاصطناعي ، أصبح إنشاء المواقع الإلكترونية أسرع بكثير. [ 7 ]

حتى مايو 2025، تم إنشاء أكثر من 21 مليون موقع إلكتروني باستخدام أدوات إنشاء المواقع الإلكترونية بالسحب والإفلات. استحوذت منصة Wix على ما يقارب ثلث المواقع الإلكترونية التي تم إنشاؤها باستخدام هذه الأدوات. [ 8 ] وتنشط في السوق منصات أخرى مثل Weebly و Hostinger و GoDaddy . [ 9 ] [ 8 ] أما الشركات الرائدة في السوق فهي: [ 8 ]

رتبةمنشئ مواقع الويبعدد المواقع الإلكترونيةالحصة السوقية
1Wix7.0 مليون33%
2Squarespace5.2 مليون25%
3غودادي4.1 مليون19%
4وييبلي0.7 مليون 3%

على شاشة تعمل باللمس

تتضمن واجهات الشاشة اللمسية أيضًا السحب والإفلات، أو بشكل أدق، الضغط المطول ثم السحب، على سبيل المثال على الشاشات الرئيسية لأجهزة iPhone أو Android .

يُتيح نظام iOS 11 ميزة السحب والإفلات التي تسمح للمستخدم بلمس العناصر (والنقر بأصابع أخرى لسحب المزيد) داخل التطبيق أو بين التطبيقات على أجهزة iPad . [ 10 ] أما على أجهزة iPhone، فتتوفر هذه الميزة فقط داخل التطبيق نفسه الذي بدأ المستخدم عملية السحب منه. [ 11 ]

في برمجة المستخدم النهائي

تُعتبر خاصية السحب والإفلات أسلوبًا هامًا في بناء البرامج في العديد من أنظمة تطوير البرامج الموجهة للمستخدم النهائي . على عكس لغات البرمجة النصية التقليدية، تعتمد العديد من لغات البرمجة الموجهة للمستخدم النهائي على مكونات مرئية مثل المربعات أو الأيقونات التي يتفاعل معها المستخدمون عبر واجهات السحب والإفلات. وقد قدمت بيئة برمجة الأطفال AgentSheets [ 12 ] المفهوم الحديث لبرمجة الكتل بالسحب والإفلات، موفرةً أربع مزايا أساسية: 1) كتل قابلة للتركيب من قِبل المستخدم النهائي، 2) كتل قابلة للتعديل من قِبل المستخدم النهائي، 3) إمكانية تداخل الكتل لتمثيل هياكل شجرية، 4) ترتيب الكتل هندسيًا لتحديد بناء الجملة. كما تُستخدم خاصية السحب والإفلات في العديد من برامج تحرير التظليل لأدوات الرسومات، مثل Blender [ 13 ] . وتُستخدم أيضًا في بعض محركات ألعاب الفيديو، بما في ذلك Unreal Engine و GameMaker Studio و Construct 2 ، ومع التوسعات، Unity .

أمثلة

ومن الأمثلة الشائعة سحب أيقونة على سطح مكتب افتراضي إلى أيقونة سلة المهملات الخاصة لحذف ملف.

ومن الأمثلة الأخرى ما يلي:

  • سحب ملف بيانات وإفلاته على أيقونة البرنامج أو نافذته لعرضه أو معالجته. على سبيل المثال، إفلات أيقونة تمثل ملف نصي في نافذة برنامج مايكروسوفت وورد يعني "فتح هذا المستند كمستند جديد في وورد".
  • نقل أو نسخ الملفات إلى موقع/دليل/مجلد جديد،
  • إضافة عناصر إلى قائمة العناصر المراد معالجتها،
  • إعادة ترتيب عناصر واجهة المستخدم الرسومية لتخصيص تصميمها،
  • سحب سمة إلى كائن يُراد تطبيق الأمر عليه،
    • على سبيل المثال، سحب لون إلى عنصر رسومي لتغيير لونه،
  • سحب أداة إلى موقع على لوحة الرسم لتطبيق الأداة في ذلك الموقع،
  • إنشاء رابط تشعبي من موقع أو كلمة إلى موقع أو مستند آخر.
  • تتيح معظم برامج معالجة النصوص سحب النص المحدد من نقطة إلى أخرى.
  • سحب سلسلة من كتل التعليمات البرمجية كما هو الحال في برنامج Blender لتصميم التظليلات والمواد.
  • قم بمحاكاة حركة تحريك الكاميرا في برامج عرض الصور وتحريرها.

انظر أيضاً

مراجع

  1. جاكوب نيلسن، "أهم 10 أخطاء في تصميم التطبيقات"، http://www.useit.com/alertbox/application-mistakes.html (19 فبراير 2008).
  2. بوكستون، دبليو. (1986). "التقسيم والتعبير وتصميم حوارات الإنسان والحاسوب" . وقائع المؤتمر العالمي للحاسوب التابع للاتحاد الدولي لمعالجة المعلومات . الصفحات 475-480 . مؤرشف من الأصل في 7 يونيو 2004. 
  3. "مرفق مُبدِّل الأقراص" . folklore.org.
  4. "النموذج الموحد الكبير (2): الباحث" . folklore.org.
  5. "مسودة عمل HTML5 W3C" . w3.org.
  6. غروت، رالف دي (3 نوفمبر 2022). "إحصائيات منشئي المواقع الإلكترونية 2025 - 50 رقمًا مذهلاً" . موقعي الإلكتروني بدون كتابة أكواد . تم الاطلاع عليه في 20 مايو 2025 .
  7. ريان، إيما (12 يوليو 2023). "اختبرتُ 6 أدوات لإنشاء مواقع الويب بالذكاء الاصطناعي: أيها الأنسب لك؟" . خبير إنشاء مواقع الويب . شركة ماركتينج في إف المحدودة . تم الاطلاع عليه في 20 مايو 2025 .
  8. ١ ٢ ٣ "توزيع استخدام أداة إنشاء مواقع الويب البسيطة على الإنترنت بأكمله" . builtwith.com . BuiltWith Pty Ltd. ١٢ مايو ٢٠٢٥. مؤرشف من الأصل في ١٢ مايو ٢٠٢٥. تم الاطلاع عليه في ٢٠ مايو ٢٠٢٥ .
  9. هوري، ليرون (22 يوليو 2022)، مقارنة بين Weebly و WordPress.org (2025) ، تم الاطلاع عليه في 17 يونيو 2026
  10. "السحب والإفلات، وتعدد المهام، وتقسيم الشاشة في نظام iOS 11 على الآيباد: كل ما تحتاج لمعرفته!" . iMore . تم الاطلاع عليه بتاريخ 10 أكتوبر 2017 .
  11. فينسنت، جيمس (7 يونيو 2017). "يحصل الآيفون أيضًا على ميزة السحب والإفلات مع نظام iOS 11" . ذا فيرج . تم الاطلاع عليه بتاريخ 23 يونيو 2017 .
  12. "تجاوز قواعد اللغة: دروس مستفادة من 20 عامًا من برمجة الكتل في AgentSheets" (ملف PDF) . مجلة اللغات المرئية والأنظمة الواعية . مؤرشف من النسخة الأصلية (ملف PDF) بتاريخ 28 أبريل 2019. تم الاطلاع عليه بتاريخ 29 نوفمبر 2018 .
  13. "دليل مرجعي لبرنامج Blender - الرندر" . blender.org . مؤرشف من الأصل بتاريخ 23 مارس 2015. تم الاطلاع عليه بتاريخ 24 يناير 2014 .