m (Admin6 moved page Search box(Check) to Call search component(Check) without leaving a redirect) |
|||
| Line 1: | Line 1: | ||
Call search component는 화면에 검색창과 [[soft keyboard]]를 불러오는 인터랙션 패턴이다. | 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...=== | ===With this pattern, we can solve...=== | ||
| Line 31: | Line 36: | ||
{{#Widget:Vimeo|id=95773302|width=300|height=533}} | {{#Widget:Vimeo|id=95773302|width=300|height=533}} | ||
| + | ---- | ||
== Hidden & Scrolltop Search component == | == Hidden & Scrolltop Search component == | ||
* 스크롤을 맨 위로 올리면 숨어있던 바가 나타남 | * 스크롤을 맨 위로 올리면 숨어있던 바가 나타남 | ||
Call search component는 화면에 검색창과 Soft keyboard를 불러오는 인터랙션 패턴이다.
Overlay Hidden Search component는 기존 화면 위를 검색창과 키보드로 이루어진 화면으로 완전히 덮는 것을 말한다. 주로 검색창과 키보드 사이의 여백에 Auto-completion이 나타난다. Insert Hidden Search component는 기존 화면 위로 검색창과 키보드만 나타나며, 그 사이로 기존 화면은 계속 보여진다. 기존 화면이 보여지는 부분을 tap하면 다시 돌아온다. Hidden & Scrolltop Search component는 맨 위로 스크롤하면 화면 위쪽에 숨어있던 검색창이 나타난다. Transform Search Component는 화면에 검색창이 존재하며, tap해서 활성화하면 키보드가 나타나면서 검색창의 위치, 형태나 화면 구조가 변한다.