From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Call search component는 화면에 검색창과 [[soft keyboard]]를 불러오는 인터랙션 패턴이다.
+
Call search component는 화면에 검색창과 [[soft keyboard]]를 불러오는 인터랙션 패턴이다.  
  
Overlay Hidden Search component는 기존 화면 위를 검색창과 키보드로 이루어진 화면으로 완전히 덮는 것을 말한다. 주로 검색창과 키보드 사이의 여백에 [[Auto-completion]]이 나타난다.
+
* Overlay Hidden Search component는 기존 화면 위를 검색창과 키보드로 이루어진 화면으로 완전히 덮는 것을 말한다. 주로 검색창과 키보드 사이의 여백에 [[Auto-completion]]이 나타난다.
 
+
* Insert Hidden Search component는 기존 화면 위로 검색창과 키보드만 나타나며, 그 사이로 기존 화면은 계속 보여진다. 기존 화면이 보여지는 부분을 tap하면 다시 돌아온다.
Insert Hidden Search component는 기존 화면 위로 검색창과 키보드만 나타나며, 그 사이로 기존 화면은 계속 보여진다. 기존 화면이 보여지는 부분을 tap하면 다시 돌아온다.
+
* Hidden & Scrolltop Search component는 맨 위로 스크롤하면 화면 위쪽에 숨어있던 검색창이 나타난다.
 
+
* Transform Search Component는 화면에 검색창이 존재하며, tap해서 활성화하면 키보드가 나타나면서 검색창의 위치, 형태나 화면 구조가 변한다.
Hidden & Scrolltop Search component는 맨 위로 스크롤하면 화면 위쪽에 숨어있던 검색창이 나타난다.
+
 
+
Transform Search Component는 화면에 검색창이 존재하며, tap해서 활성화하면 키보드가 나타나면서 검색창의 위치, 형태나 화면 구조가 변한다.
+
  
 
===With this pattern, we can solve...===
 
===With this pattern, we can solve...===

Revision as of 13:11, 23 July 2014

Call search component는 화면에 검색창과 Soft keyboard를 불러오는 인터랙션 패턴이다.

  • Overlay Hidden Search component는 기존 화면 위를 검색창과 키보드로 이루어진 화면으로 완전히 덮는 것을 말한다. 주로 검색창과 키보드 사이의 여백에 Auto-completion이 나타난다.
  • Insert Hidden Search component는 기존 화면 위로 검색창과 키보드만 나타나며, 그 사이로 기존 화면은 계속 보여진다. 기존 화면이 보여지는 부분을 tap하면 다시 돌아온다.
  • Hidden & Scrolltop Search component는 맨 위로 스크롤하면 화면 위쪽에 숨어있던 검색창이 나타난다.
  • Transform Search Component는 화면에 검색창이 존재하며, tap해서 활성화하면 키보드가 나타나면서 검색창의 위치, 형태나 화면 구조가 변한다.

With this pattern, we can solve...


Overlay Hidden Search component

iOS_HuffPost

iOS_FoxNews

iOS_Learnist

iOS_Yummly

iOS_Target


Insert Hidden Search component

  • 기존 화면을 남겨두고 그 위에 들어감. 반투명하게 기존 화면이 보이는 경우는 overlay로 봄.

iOS_ENow

iOS_NPRNews


Hidden & Scrolltop Search component

  • 스크롤을 맨 위로 올리면 숨어있던 바가 나타남

iOS_AlienBlue


Transform Search Component

  • 화면에 검색창이 있었는데, tap하면 키보드가 나타나면서 위치나 형태가 바뀜

iOS_JangoRadio

iOS_Vine

iOS_Gogle docs

iOS_Gmail