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 이미지는 위의 리포지토리의 응용 프로그램에서 촬영되었습니다.
Reference
이 문제에 관하여(Android 목록 조작 UI 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sjnya/items/eca2d27e97b45d1a655f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
이름
개요
GIF
액션 모드
화면 상단의 막대에 선택한 콘텐츠에 영향을 주는 작업이 표시됩니다. 여러 항목을 선택할 수 있습니다.
Fast Scroll
화면 오른쪽 끝의 스크롤 바를 드래그하여 인덱스를 확인하면서 고속으로 스크롤할 수 있습니다.
필터
화면 상단의 막대에 키워드를 입력하면 키워드가 포함된 항목이 필터링됩니다.
Sticky Header
리스트의 스크롤에 헤더가 추종합니다. 헤더는 항목의 스크롤에 따라 바뀝니다.
Expand/Collapse
목록을 수직으로 확장 및 축소하여 항목을 표시하거나 숨길 수 있습니다.
Endless scroll/On load more
최하부까지 아이템을 불러올 때에 자동으로 계속 아이템을 불러옵니다.
Swipe to Refresh
아래로 스 와이프하여 목록을 다시로드 할 수 있습니다. 로드하면 진행률 표시줄이 표시됩니다.
Reorder
항목 오른쪽 가장자리의 아이콘을 드래그하여 항목을 목록의 다른 위치로 이동할 수 있습니다.
Leave-behinds
왼쪽과 오른쪽으로 항목을 스와이프하여 표시된 작업을 수행할 수 있습니다. 액션에 따라서는 취소(Undo)가 가능합니다.
결론
소스는 sjnyag/ListControlDemo 로 공개하고 있는 리포지토리로부터 확인할 수 있습니다.
이 기사에 사용 된 모든 GIF 이미지는 위의 리포지토리의 응용 프로그램에서 촬영되었습니다.
Reference
이 문제에 관하여(Android 목록 조작 UI 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sjnya/items/eca2d27e97b45d1a655f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Android 목록 조작 UI 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sjnya/items/eca2d27e97b45d1a655f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)