오늘의 이야기

제트팩 구성에서 인스타그램과 같은 롱 프레스 및 드래그 가능한 회전목마 지표 작성

• 이 기사는 제트팩 컴포즈에서 인스타그램과 같은 긴 프레스와 드래그 가능한 캐러셀 표시기를 만드는 방법을 설명하여 코드 스니펫과 함께 자세한 단계별 가이드를 제공한다.

• 핵심 아이디어는 드래그블 인디케이터라는 구성 가능한 지표를 만들어 HorizontalPager와 함께 사용하는 것입니다.

• 드래그 가능 인디케이터 구성은 상자를 사용하여 각 인디케이터를 그리고 초기 스타일의 회색 색상으로 뒤로 그리기 수식어를 사용하여 래지로우를 사용하여 수평 행에 추가한다.

• 현재 선택에서 더 멀리 떨어진 이미지에 대해 지표 크기가 감소하는 시각적 효과를 생성하기 위해 현재 페이지 상태 및 지표 인덱스를 기반으로 각 지표 도트에 대해 스케일 팩터가 계산된다.

• 이 기사는 또한 지시자를 길게 누른 다음 포인터 입력 수정자와 DetectDragGesturesAfterLongPress suspend 기능을 사용하여 좌우 스크롤을 가능하게 하는 제스처의 구현을 다룬다.

• 마지막으로, 약간의 의도하지 않은 드래그가 캐러셀이 페이지를 전환하게 하지 않도록 하기 위해 드래그 임계값이 계산된다.

https://proandroiddev.com/create-instagram-like-long-press-and-draggable-carousel-indicators-in-jetpack-compose-ce16fa75bc1e

Create Instagram-like Long Press and Draggable Carousel Indicators in Jetpack Compose

We must have used this UX in the Instagram mobile app, where we can long press the carousel indicators section and then swipe left or right…

proandroiddev.com