Android 목록 조작 UI 요약

소개



안드로이드 2 Advent Calendar 2017 14일째의 기사입니다!
여기서는 Android에서 목록의 UI Control에 대해 정리해보고 싶습니다.
Android 앱에서 RecyclerView 등을 사용하여 목록을 구현할 때 UI로 필요한지 여부를 체크리스트로 사용하면 좋겠습니다.

이 기사는 주로 Material Design 가이드 라인과 FlexibleAdapter이라는 RecyclerView 라이브러리를 기반으로 작성되었습니다.

UI Control




이름
개요
GIF


액션 모드
화면 상단의 막대에 선택한 콘텐츠에 영향을 주는 작업이 표시됩니다. 여러 항목을 선택할 수 있습니다.


Fast Scroll
화면 오른쪽 끝의 스크롤 바를 드래그하여 인덱스를 확인하면서 고속으로 스크롤할 수 있습니다.


필터
화면 상단의 막대에 키워드를 입력하면 키워드가 포함된 항목이 필터링됩니다.


Sticky Header
리스트의 스크롤에 헤더가 추종합니다. 헤더는 항목의 스크롤에 따라 바뀝니다.


Expand/Collapse
목록을 수직으로 확장 및 축소하여 항목을 표시하거나 숨길 수 있습니다.


Endless scroll/On load more
최하부까지 아이템을 불러올 때에 자동으로 계속 아이템을 불러옵니다.


Swipe to Refresh
아래로 스 와이프하여 목록을 다시로드 할 수 있습니다. 로드하면 진행률 표시줄이 표시됩니다.


Reorder
항목 오른쪽 가장자리의 아이콘을 드래그하여 항목을 목록의 다른 위치로 이동할 수 있습니다.


Leave-behinds
왼쪽과 오른쪽으로 항목을 스와이프하여 표시된 작업을 수행할 수 있습니다. 액션에 따라서는 취소(Undo)가 가능합니다.



결론



소스는 sjnyag/ListControlDemo 로 공개하고 있는 리포지토리로부터 확인할 수 있습니다.
이 기사에 사용 된 모든 GIF 이미지는 위의 리포지토리의 응용 프로그램에서 촬영되었습니다.

좋은 웹페이지 즐겨찾기