From Design pattern
Jump to: navigation, search
Line 64: Line 64:
 
=== Android_LG G Pro 2 콜라주===
 
=== Android_LG G Pro 2 콜라주===
 
* 별도의 사진 편집을 거치지 않고 한 장의 콜라주 사진으로 자동으로 만들때 사진 목록에서 해당 사진이 tap하여 선택 되었음을 체크박스를 통해 안다.
 
* 별도의 사진 편집을 거치지 않고 한 장의 콜라주 사진으로 자동으로 만들때 사진 목록에서 해당 사진이 tap하여 선택 되었음을 체크박스를 통해 안다.
* 단, 아래 영상의 2분 13초 ~ 2분 45초에 해당한다.
+
* #02:13-#02:45
<videoflash>KeTJZj2RMjI|665|374</videoflash>
+
{{#Widget:Youtube|id=KeTJZj2RMjI|width=665|height=374}}
  
 
=== iOS_gmail ===
 
=== iOS_gmail ===

Revision as of 01:49, 27 June 2014

Multiple select는

With this pattern, we can solve...

app에서

Example : iOS_Melon


Multiple select from a list

리스트 메뉴에서 하나 이상의 항목을 선택하여 입력한다.

iOS_Melon

  • 목록에서 해당하는 것들을 하나씩 탭해서 여러 개를 선택하며 다시 탭하면 그 목록은 선택이 취소된다.

iOS_Bugs

  • 목록에서 해당하는 것들을 하나씩 탭해서 여러 개를 선택한다. 다시 탭하면 그 목록은 선택이 취소된다.

iOS_gmail

Android_whatcha


Multiple select from icons

아이콘이나 이름으로 이루어진 항목들 중 하나 이상을 선택하여 입력한다.

iOS_STEP

  • 하단에 있는 리스트에서 선택하고자 하는 아이콘을 1개 이상 tap하여 선택한다.

iOS_Fab

606번 사례

iOS_Photo

iOS_Snapfish

  • 버튼을 tap하여 항목 전체를 선택하거나 해제한다.


Multiple select with checkbox

체크박스를 tap하여 하나 이상의 항목을 선택하여 입력한다.

604번 사례

iOS_Anylist

Android_LG G Pro 2 콜라주

  • 별도의 사진 편집을 거치지 않고 한 장의 콜라주 사진으로 자동으로 만들때 사진 목록에서 해당 사진이 tap하여 선택 되었음을 체크박스를 통해 안다.
  • #02:13-#02:45

""

iOS_gmail


Multiple select range

특정 시작점과 끝점 사이에 포함되는 항목을 선택하여 입력한다.

Android_Etsy

iOS_Etsy

iOS_Fab

iOS_Sunrize

Android_Expedia