Mobil tətbiqlərdə Swipe — jest növləri və tətbiqi

Mobil interfeyslərdə swipe nədir

Swipe — istifadəçinin barmağını ekran üzərində müəyyən istiqamətdə hərəkət etdirərək əməliyyatı başlatdığı bir jestdir. Tapdan (qısa toxunma) fərqli olaraq, swipe jest boyunca hərəkət və ekranla təması nəzərdə tutur.

Swipin tarixi 2007-ci ildə ilk iPhone ilə başladı — „slide to unlock” açma jesti mobil interfeyslərin vizit kartına çevrildi. Bu gün swipe naviqasiya, məzmunun idarə edilməsi və məlumatın təşkili üçün minlərlə tətbiqdə istifadə olunur.

UX Planet (2025)-in məlumatlarına görə, jest idarəetməsi olan tətbiqlər (swipe daxil olmaqla) istifadəçilərin cəlb olunmasında 18% daha yüksək göstərici nümayiş etdirir. Swipe düməni basmaqla müqayisədə daha təbii hərəkət kimi qəbul edilir, çünki obyektlərin fiziki hərəkətini təqlid edir.

Swipe tanıma parametrləri

Əsas parametrlər jestin swipe olub-olmadığını müəyyən edənlər: minimum məsafə (adətən 30–50 piksel), düz xətdən maksimum sapma (15–20 dərəcədən çox olmayan) və maksimum təmas müddəti (500 ms-dək). Barmaq ekranda daha uzun qalırsa, jest sürükləmə (drag) və ya uzun basma (long press) kimi təsnif edilir.

İstiqamətə görə swipe növləri

Hərəkət istiqamətinə görə swipelər dörd əsas növə bölünür: sola, sağa, yuxarı və aşağı. Hər növün öz məqsədi və istifadə konteksti var.

Üflüi swipelər (sol/sağ) ən çox fərdi elementləri idarə etmək üçün istifadə olunur — silmə, arxivləmə, çevirmə. Şaquli swipelər (yuxarı/aşağı) — ekranlar arası naviqasiya və məzmunu yeniləmə üçün. Material Design Guidelines (2024)-yə görə, üflüi swipe sağ əlçənlər üçün daha rahatdır: baş barmaqla sola hərəkət sağ əldə daha təbiidir.

Çoxbarmaqlı swipelər

İki və üç barmaqlı swipelər qabaqcıl əməliyyatlar üçün istifadə olunur. İki barmaqla — iPad-də iş masaları arasında keçid, əməliyyatı geri qaytarma (three-finger swipe). Üç barmaqla — bəzi cihazlarda ekran görüntüsü. Ancaq çoxbarmaqlı jestlər daha az intuitivdir və istifadəçinin öyrənməsini tələb edir.

iOS-da swipin tətbiqi

iOS-da jestlərin idarə edilməsi UIGestureRecognizer — toxunma hadisələrinin ardıcıllığını təhlil edən və onun müəyyən bir jestə uyğun olub-olmadığını müəyyən edən abstrakt sinif əsasında qurulur.

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("Sola sürüşdür")
    }
}

UISwipeGestureRecognizer istiqamətin (direction) və barmaqların sayının (numberOfTouchesRequired) konfiqurasiyasını dəstəkləyir. Susmaya görə bir barmaq və sağ istiqamət tələb olunur. Digər istiqamətləri müəyyən etmək üçün açıqşəkər direction: .left, .up, .down təyin etmək lazımdır.

Daha yeni səviyyəli API — UICollectionViewLayout swipe aksiyalarını dəstəkləyir. iOS 11-dən başlayaraq, cədvəllər və kolleksiyalar UISwipeActionsConfiguration vasitəsilə daxili swipe əməliyyatlarını dəstəkləyir, bu da jestlərin əl ilə idarə edilməsi olmadan silmə və ya arxiv dümələri əlavə etməyə imkan verir.

Android-də swipin tətbiqi

Android-də swipelərin idarə edilməsi GestureDetector — MotionEvents-i təhlil edən və müvafiq callback metodlarını çağıran sinif vasitəsilə həyata keçirilir.

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("Sağa sürüşdür")
                }
                return true
            }
        })
    }
}

GestureDetector-də onFling metodu istifadəçi barmağını ekran üzərində sürətlə hərəkət etdirdikdə çağırılır. O, başlanğıc və son koordinatları (e1, e2) və hərəkət sürətini (velocityX, velocityY) qəbul edir. İstiqaməti müəyyən etmək üçün X və ya Y oxu üzrə koordinat fərqi müqayisə edilir.

AndroidX kitabxanası daha rahat API təqdim edir: pull-to-refresh üçün ViewCompat.setSwipeRefreshLayout, siyahılarda swipe əməliyyatları üçün ItemTouchHelper ilə RecyclerView. ItemTouchHelper vizual əks əlaqə ilə swipe funksionallığı əlavə etməyə imkan verir — ikona, fon rəngi və animasiya.

Veb tətbiqlərdə swipe

Veb inkişafında swipelərin idarə edilməsi üçün Touch Events API hadisələri (touchstart, touchmove, touchend) və Hammer.js və ya Swiper.js kimi köməkçi kitabxanalar istifadə olunur.

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 ? "Sağa sürüşdür" : "Sola sürüşdür");
    }
});

Touch Events API — brauzerdə jestlərin idarə edilməsinin nativ üsulu. touchstart hadisəsi ilkin koordinatları qeyd edir, touchmove hərəkəti izləyir, touchend nəticəni müəyyən edir. Hədd dəyəri (threshold) təsadüfi toxunmaları süzür.

Can I Use (2026)-nın məlumatlarına görə, Touch Events API brauzerlərin 98%-i tərəfindən dəstəklənir. Mürəkkəb jest ssenariləri (çoxsaylı swipelər, istiqamətin tanınması) üçün aşağı səviyyəli emalı abstraksiya edən və anlaşıqlı API təmin edən Hammer.js kitabxanasından istifadə etmək tövsiyə olunur.

Swipe ilə UX nümunələri

Uğurlu UX nümunələri mobil interfeyslərin illər ərzindəki təkamülü nəticəsində formalaşmışdır. Onların istifadəsi istifadəçinin əlavə təlim olmadan jestin necə işlədiyini başa düşəcəyini təmin edir.

„Swipe to Delete” nümunəsi — ən geniş yayılmışı. Siyahı elementini sola sürüşdürmək silmə düməsini açır. iOS-da (SwipeActionsConfiguration) və Android-də (ItemTouchHelper) standartlaşdırılmışdır. İstifadəçilər sola swipin elementi sildiyini və ya arxivlədiyini gözləyirlər.

„Swipe to Go Back” nümunəsi — əvvəlki ekrana qayıtmaq üçün ekranın sol kənarından swipe. iPhone X-dən sonra iOS-da standarta çevrilmişdir. Android-də oxşar naviqasiya sistem jesti vasitəsilə işləyir. Öz tətbiqlərinizdə bu sistem jesti ilə ziddiyyət yaratmamaq vacibdir.

„Pull to Refresh” nümunəsi — məzmunu yeniləmək üçün aşağı swipe. Loren Brichter tərəfindən Tweetie (2008) üçün icad edilmiş, hazırda milyonlarla tətbiqdə istifadə olunur. Hər iki platformanın standart komponentlərində tətbiq edilmişdir.

• Əks əlaqə — element swipe tamamlanmazdan əvvəl nəticəni göstərərək barmaqla birlikdə hərəkət etməlidir
• Jest konfliktləri — eyni elementdə üflüi swipe və sürüşdürmənin eyni vaxtda dəstəklənməsindən çəkinin
• Aşkarlıq — ilk swipe əməliyyatları görüntül işarla müşayiət olunmalıdır
• Ləğv etmə — istifadəçi barmağını ilkin vəziyyətinə qaytararaq swipi ləğv etmək imkanına malik olmalıdır