موبائل ایپس میں سوائپ — اشاروں کی اقسام اور نفاذ

موبائل انٹرفیس میں سوائپ کیا ہے

سوائپ ایک اشارہ ہے جس میں صارف ایک مخصوص سمت میں اسکرین پر انگلی پھسلاتا ہے، ایک عمل شروع کرتا ہے۔ ٹیپ (مختصر چھونے) کے برعکس، سوائپ میں پورے اشارے کے دوران حرکت اور اسکرین کے ساتھ رابطہ شامل ہوتا ہے۔

سوائپ کی تاریخ 2007 میں پہلے iPhone سے شروع ہوئی — “سلائیڈ ٹو انلاک” کا اشارہ موبائل انٹرفیس کی پہچان بن گیا۔ آج، سوائپ ہزاروں ایپلیکیشنز میں نیویگیشن، مواد کے انتظام اور معلومات کی تنظیم کے لیے استعمال ہوتا ہے۔

UX Planet (2025) کے مطابق، اشاروں کے کنٹرول (سوائپ سمیت) والی ایپلیکیشنز 18% زیادہ صارف کی مصروفیت دکھاتی ہیں۔ سوائپ کو بٹن دبانے کے مقابلے میں زیادہ قدرتی عمل سمجھا جاتا ہے، کیونکہ یہ اشیاء کی جسمانی حرکت کی نقل کرتا ہے۔

سوائپ کی پہچان کے پیرامیٹرز

اہم پیرامیٹرز جو یہ طے کرتے ہیں کہ کوئی اشارہ سوائپ ہے یا نہیں: کم از کم فاصلہ (عام طور پر 30–50 پکسلز)، سیدھی لائن سے زیادہ سے زیادہ انحراف (15–20 ڈگری سے زیادہ نہیں) اور زیادہ سے زیادہ رابطے کا دورانیہ (500 ms تک)۔ اگر انگلی اسکرین پر زیادہ دیر رہتی ہے تو اشارے کو ڈریگ یا لمبا دباؤ قرار دیا جاتا ہے۔

سمت کے لحاظ سے سوائپ کی اقسام

حرکت کی سمت کے لحاظ سے، سوائپ چار اہم اقسام میں تقسیم ہوتے ہیں: بائیں، دائیں، اوپر اور نیچے۔ ہر قسم کا اپنا مقصد اور استعمال کا سیاق و سباق ہوتا ہے۔

افقی سوائپ (بائیں/دائیں) اکثر انفرادی آئٹمز کے انتظام کے لیے استعمال ہوتے ہیں — حذف کرنا، آرکائیو کرنا، پلٹنا۔ عمودی سوائپ (اوپر/نیچے) — اسکرینوں کے درمیان نیویگیٹ کرنے اور مواد کو ریفریش کرنے کے لیے۔ Material Design Guidelines (2024) کے مطابق، افقی سوائپ دائیں ہاتھ والوں کے لیے زیادہ آرام دہ ہے: دائیں ہاتھ میں انگوٹھے کو بائیں لے جانا زیادہ قدرتی ہے۔

ملٹی فنگر سوائپ

دو اور تین انگلیوں والے سوائپ جدید اعمال کے لیے استعمال ہوتے ہیں۔ دو انگلیاں — iPad پر ڈیسک ٹاپ کے درمیان سوئچ کرنا، کالعدم کرنا (تین انگلیوں والا سوائپ)۔ تین انگلیاں — کچھ آلات پر اسکرین شاٹ۔ تاہم، ملٹی فنگر اشارے کم بدیہی ہوتے ہیں اور صارف کے سیکھنے کی ضرورت ہوتی ہے۔

iOS پر سوائپ کا نفاذ

iOS پر، اشاروں کی پروسیسنگ UIGestureRecognizer پر مبنی ہے — ایک تجریدی کلاس جو ٹچ ایونٹس کے تسلسل کا تجزیہ کرتی ہے اور تعین کرتی ہے کہ آیا وہ کسی مخصوص اشارے سے مطابقت رکھتے ہیں۔

import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        let swipeLeft = UISwipeGestureRecognizer(
            target: self,
            action: #selector(handleSwipe)
        )
        swipeLeft.direction = .left
        view.addGestureRecognizer(swipeLeft)
    }

    @objc func handleSwipe(sender: UISwipeGestureRecognizer) {
        print("بائیں سوائپ کریں")
    }
}

UISwipeGestureRecognizer سمت (direction) اور انگلیوں کی تعداد (numberOfTouchesRequired) کی تشکیل کی حمایت کرتا ہے۔ ڈیفالٹ کے طور پر، ایک انگلی اور دائیں سمت درکار ہے۔ دیگر سمتوں کو پہچاننے کے لیے، آپ کو واضح طور پر سمت بتانی ہوگی: .left، .up، .down۔

ایک اعلیٰ سطحی API — UICollectionViewLayout سوائپ ایکشنز کی حمایت کے ساتھ۔ iOS 11 سے، ٹیبلز اور کلیکشنز UISwipeActionsConfiguration کے ذریعے بلٹ ان سوائپ ایکشنز کو سپورٹ کرتے ہیں، جو دستی اشارے کی پروسیسنگ کے بغیر حذف یا آرکائیو کرنے کے بٹن شامل کرنے کی اجازت دیتا ہے۔

Android پر سوائپ کا نفاذ

Android پر، سوائپ کی پروسیسنگ GestureDetector کے ذریعے بنائی جاتی ہے — ایک کلاس جو MotionEvents کا تجزیہ کرتی ہے اور متعلقہ کال بیک طریقوں کو کال کرتی ہے۔

class SwipeActivity : AppCompatActivity() {
    private val swipeThreshold = 100

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val gestureDetector = GestureDetector(this, object : GestureDetector.SimpleOnGestureListener() {
            override fun onFling(
                e1: MotionEvent, e2: MotionEvent,
                velocityX: Float, velocityY: Float
            ): Boolean {
                val dx = e2.x - e1.x
                if (dx > swipeThreshold) {
                    println("دائیں سوائپ کریں")
                }
                return true
            }
        })
    }
}

GestureDetector میں onFling طریقہ اس وقت کال کیا جاتا ہے جب صارف اسکرین پر انگلی تیزی سے سوائپ کرتا ہے۔ یہ شروع اور اختتامی کوآرڈینیٹ (e1، e2) اور حرکت کی رفتار (velocityX، velocityY) وصول کرتا ہے۔ سمت کا تعین کرنے کے لیے، X یا Y محور پر کوآرڈینیٹ کے فرق کا موازنہ کیا جاتا ہے۔

AndroidX لائبریری ایک زیادہ آسان API فراہم کرتی ہے: پل ٹو رفریش کے لیے ViewCompat.setSwipeRefreshLayout، فہرستوں میں سوائپ ایکشنز کے لیے RecyclerView کے ساتھ ItemTouchHelper۔ ItemTouchHelper بصری فیڈ بیک — آئیکن، پس منظر کا رنگ اور اینیمیشن کے ساتھ سوائپ فعالیت شامل کرنے کی اجازت دیتا ہے۔

ویب ایپلیکیشنز میں سوائپ

ویب ڈویلپمنٹ میں، سوائپ کو ہینڈل کرنے کے لیے Touch Events API (touchstart، touchmove، touchend) اور Hammer.js یا Swiper.js جیسی ریپر لائبریریاں استعمال ہوتی ہیں۔

let startX = 0;
let startY = 0;
const threshold = 50;

element.addEventListener("touchstart", (e) => {
    startX = e.touches[0].clientX;
    startY = e.touches[0].clientY;
});

element.addEventListener("touchend", (e) => {
    const dx = e.changedTouches[0].clientX - startX;
    const dy = e.changedTouches[0].clientY - startY;
    if (Math.abs(dx) > threshold) {
        console.log(dx > 0 ? "دائیں سوائپ کریں" : "بائیں سوائپ کریں");
    }
});

Touch Events API — براؤزر میں اشاروں کو ہینڈل کرنے کا ایک مقامی طریقہ۔ touchstart ایونٹ شروع کے کوآرڈینیٹ ریکارڈ کرتا ہے، touchmove حرکت کو ٹریک کرتا ہے، touchend نتیجہ متعین کرتا ہے۔ حد کی قدر (threshold) اتفاقی ٹچ کو فلٹر کرتی ہے۔

Can I Use (2026) کے مطابق، Touch Events API 98% براؤزرز میں سپورٹ ہے۔ پیچیدہ اشاروں کے منظرناموں (متعدد سوائپ، سمت کی پہچان) کے لیے، Hammer.js لائبریری استعمال کرنے کی سفارش کی جاتی ہے، جو نچلی سطح کی ہینڈلنگ کو تجریدی بناتی ہے اور ایک واضح API فراہم کرتی ہے۔

سوائپ کے ساتھ UX پیٹرن

سوائپ کے ساتھ کامیاب UX پیٹرن موبائل انٹرفیس کے سالوں کے ارتقاء میں تشکیل پائے ہیں۔ ان کا استعمال اس بات کو یقینی بناتا ہے کہ صارف اضافی سیکھے بغیر سمجھ لے کہ اشارہ کیسے کام کرتا ہے۔

“سوائپ ٹو ڈیلیٹ” پیٹرن سب سے عام ہے۔ فہرست کے آئٹم پر بائیں سوائپ کرنے سے ڈیلیٹ بٹن ظاہر ہوتا ہے۔ iOS (SwipeActionsConfiguration) اور Android (ItemTouchHelper) پر معیاری بنایا گیا۔ صارفین توقع کرتے ہیں کہ بائیں سوائپ کرنے سے آئٹم حذف یا آرکائیو ہو جائے گا۔

“سوائپ ٹو گو بیک” پیٹرن — پچھلی اسکرین پر واپس آنے کے لیے اسکرین کے بائیں کنارے سے سوائپ کرنا۔ iPhone X کے بعد iOS میں معیار بن گیا۔ Android پر، اسی طرح کی نیویگیشن سسٹم کے اشارے کے ذریعے کام کرتی ہے۔ اپنی ایپلیکیشنز میں اس سسٹم اشارے سے متصادم نہ ہونا ضروری ہے۔

“پل ٹو رفریش” پیٹرن — مواد کو ریفریش کرنے کے لیے نیچے سوائپ کرنا۔ Loren Brichter نے Tweetie (2008) کے لیے ایجاد کیا، اب لاکھوں ایپلیکیشنز میں استعمال ہوتا ہے۔ دونوں پلیٹ فارمز کے معیاری اجزاء میں نافذ کیا گیا۔

• فیڈ بیک — عنصر کو انگلی کے ساتھ حرکت کرنی چاہیے، سوائپ مکمل ہونے سے پہلے نتیجہ دکھاتے ہوئے
• اشاروں کے تصادم — ایک ہی عنصر پر ایک ساتھ افقی سوائپ اور اسکرول کو سپورٹ کرنے سے گریز کریں
• دریافت پذیری — پہلے سوائپ ایکشنز کے ساتھ بصری اشارہ ہونا چاہیے
• منسوخی — صارف انگلی کو اصل پوزیشن پر واپس لا کر سوائپ منسوخ کر سکتا ہے