Compose로 Long Press 구현하기 - detectTapGestures

Compose를 이용해 RecyclerView를 다 교체했는데, 아이템 Long Press를 감지해야되는 일이 생겼다.

그동안은 Long Press를 쓸 필요가 없어서 clickable 안에서 처리했는데 한번 바꿔보자.

Modifier
    .combinedClickable(
        onClick = { },
        onLongClick = { },
    )

제일 먼저 시도해본 방법이다. 그러나 방법이 바뀌었는데 MediationSource를 제공해야됨에 따라 사용에 어려움이 있다... 2022년까지는 잘 됐던 것으로 확인된다.

 

조금 더 찾아보니 pointerInput를 이용해 제스처를 감지하는 방법을 권장하고 있었다.

Modifier.pointerInput(Unit) {
    detectTapGestures(
        onPress = { /* Called when the gesture starts */ },
        onDoubleTap = { /* Called on Double Tap */ },
        onLongPress = { /* Called on Long Press */ },
        onTap = { /* Called on Tap */ }
    )
}

pointerInput에 detectTapGestures를 연결해 원하던 클릭이벤트를 종류별로 처리할 수 있었다.  위 코드는 사용상의 코드이고 조금 더 자세히 파보자.

suspend fun PointerInputScope.detectTapGestures(
    onDoubleTap: ((Offset) -> Unit)? = null,
    onLongPress: ((Offset) -> Unit)? = null,
    onPress: suspend PressGestureScope.(Offset) -> Unit = NoPressGesture,
    onTap: ((Offset) -> Unit)? = null
): Unit

 

각 함수의 매개변수로 Offset을 받는다.

 

Offset을 이용해 상태를 감지하는데, 포인터 다운(터치 시작), 포인터 업(손 뗌)을 기준으로 작동하고 최초 포인터 다운 후 다른 포인터 다운이 생기면 이전 제스처가 취소된다. 반대로 포인터 다운 후 포인터 업이면 다운 제스처가 소비되면서 위 4가지 함수 중 하나를 실행하게 된다. 또 다운 이벤트가 발생한 곳에서 소비되는게 아니라, 다른 곳에서 소비된다면 이건 Tap으로 치지 않기 때문에 제스처를 건너 뛴다.

            Modifier
                .fillMaxWidth()
                .padding(0.dp, 2.dp, 0.dp, 4.dp)
                .pointerInput(Unit) {
                    detectTapGestures(
                        onLongPress = {
                            if (sharedViewModel.isManager) {
                                viewModel.deletePost(post.date)
                            }
                        }
                    )
                }

기본적으로는 null로 초기화 되어 있어서 필요한 것만 사용하면 되지만, onDoubleTap이 비활성화 되어있는데 두번 탭하면 그건 Tap으로 처리된다. 나머지 경우도 마찬가지다.

 

https://developer.android.com/jetpack/compose/gestures?hl=ko#tapping

동작  |  Jetpack Compose  |  Android Developers

도움이 됐다면 댓글이나 공감 버튼 한 번씩 누르고 가주세요! 로그인 안해도 됩니다 ^_^