[코틀린] Kotlin Swipe 동작 구현하기 (OnSwipeTouchListener)

개요

Kotlin 코드로 View에 Swipe 동작 구현 코드 정리 입니다. 매번 검색하기 번거로워 정리하려 합니다.
핵심은 OnSwipeTouchListener Class 구현 코드를 정리 입니다.

(※ 참고 : https://stackoverflow.com/questions/60728621/implement-swipe-gesture-in-kotlin)

환경

- android_studio v3.6.3
- kotlin v1.3.72
- gradle v5.6.4

사용법

[ OnSwipeTouchListener.kt ]

import android.content.Context
import android.view.GestureDetector
import android.view.MotionEvent
import android.view.View

open class OnSwipeTouchListener(ctx: Context) : View.OnTouchListener {

    private val gestureDetector: GestureDetector

    companion object {
        private val SWIPE_THRESHOLD = 100
        private val SWIPE_VELOCITY_THRESHOLD = 100
    }

    init {
        gestureDetector = GestureDetector(ctx, GestureListener())
    }

    override fun onTouch(v: View?, event: MotionEvent?): Boolean {
        try {
            return gestureDetector.onTouchEvent(event)
        } catch (e: Exception) {
            // Error Handling
        }
        return false
    }

    private inner class GestureListener : GestureDetector.SimpleOnGestureListener() {


        override fun onDown(e: MotionEvent): Boolean {
            return true
        }

        override fun onFling(e1: MotionEvent, e2: MotionEvent, velocityX: Float, velocityY: Float): Boolean {
            var result = false
            try {
                val diffY = e2.y - e1.y
                val diffX = e2.x - e1.x
                if (Math.abs(diffX) > Math.abs(diffY)) {
                    if (Math.abs(diffX) > SWIPE_THRESHOLD && Math.abs(velocityX) > SWIPE_VELOCITY_THRESHOLD) {
                        if (diffX > 0) {
                            onSwipeRight()
                        } else {
                            onSwipeLeft()
                        }
                        result = true
                    }
                } else if (Math.abs(diffY) > SWIPE_THRESHOLD && Math.abs(velocityY) > SWIPE_VELOCITY_THRESHOLD) {
                    if (diffY > 0) {
                        onSwipeBottom()
                    } else {
                        onSwipeTop()
                    }
                    result = true
                }
            } catch (exception: Exception) {
                exception.printStackTrace()
            }

            return result
        }


    }

    open fun onSwipeRight() {}

    open fun onSwipeLeft() {}

    open fun onSwipeTop() {}

    open fun onSwipeBottom() {}
}

SWIPE_THRESHOLD는 X좌표 동작 기준값, SWIPE_VELOCITY_THRESHOLD는 Y좌표 동작 기준값. 

개인적으로 엄지손가락으로 살짝 스와이프 하여도 동작되기 위해서는 X = 50, Y = 20 정도로 셋팅 하였습니다.

[ MainActivity.kt ]

...

SampleLayoutView1.setOnTouchListener(object: OnSwipeTouchListener(this@MainActivity) {
    override fun onSwipeLeft() {
        Toast.makeText(this@MainActivity,"왼쪽으로",Toast.LENGTH_SHORT).show()
    }
    override fun onSwipeRight() {
        Toast.makeText(this@MainActivity,"오른쪽으로",Toast.LENGTH_SHORT).show()
    }
    override fun onSwipeTop() {
        Toast.makeText(this@MainActivity,"위로",Toast.LENGTH_SHORT).show()
    }
    override fun onSwipeBottom() {
        Toast.makeText(this@MainActivity,"아래로",Toast.LENGTH_SHORT).show()
    }
})

...

사용은 간단합니다. Swipe 동작을 추가할 모든 View 이름에 (Android KTX 사용, https://evolog.tistory.com/2) setOnTouchListener 이벤트를 선언해 주면 됩니다.

감사합니다.