Material Design : Search

머티리얼 디자인 공식 문서의 Search를 정리하려고 한다.

Search

폰 쓰면 흔히 보이는 검색창에 대한 것이다.

입력 받는게 키보드 입력도 있지만 음성 입력도 있고

글자 하나 쓰면 자동으로 완성 해주는 기능도 있고 과거 기록을 찾아와서 제안하는 기능도 있다.

머티리얼 서치는 크게 2가지로 나뉜다.

첫번째는 Persistent 서치이다.

Persistent 뜻은 지속성 있는 이라는 뜻

그래서 이 Persistent 서치를 써야하는 때는 앱 기능에서 주요 기능이 서치에 맞춰져 있을 때, 예를 들면 구글 검색이 그렇다.

왼쪽이 디폴트 상태이다.

오른쪽에 사용하면 요렇게 사용 가능하다.

주요 기능이 검색이기 때문에 서치 바에 포커스가 가면 검색어와 관련된 항목들이 화면을 꽉 채운다.

추가적으로 과거 검색 기록도 보여줄 수 있다.

구글 지도가 요런식으로 검색을 하는데 사용해보면 어떤 느낌인지 감이 올 것이다.

두번째는 Expandable 서치이다.

Expandable는 확장 가능한 서치라는 것이다.

이거는 주요 기능이 서치가 아닌 경우에 쓰면 된다.

툴바 안에 서치 아이콘이 있어서 툴바에서 검색을 한다.