Navigation Bars

Navigation bar는 앱 화면의 상단, status bar 아래에 위치하며 연속적인 계층의 화면을 탐색할 수 있게 한다. 새로운 화면이 표시될 때, 보통내비게이션 바의왼쪽에 전 화면의 title이 적힌 형식의 뒤로가기 버튼이 생성된다. 가끔, 오른쪽 화면에는 Edit, Done과 같은 실행중인 view내에서 content를 관리하는 도구들을 담기도 한다. 분할된 뷰에서 Navigation bar는단일의 분할된 뷰에서 나타난다.(?) Navigation bars는 반투명 색으로 배경색을 지정할 수 있고, 키보드가 화면에 표시되거나 제스처가 발생하거나 view가 재조정될 때 숨기도록할 수있다.

요구사항

• 표준형 뒤로 가기 버튼을 사용하세요.

 사람들은 표준형 뒤로 가기 버튼을 사용하여 정보 계층 구조를 통해 단계를 되돌릴 수 있다는 것을 알고 있다. 그러나, 뒤로 가기 버튼을 커스텀하게 되면 그것이 사람들이 예상하던 뒤로가기 버튼처럼 보이도록 하고, 나머지 인터페이스, 앱 전체에서 일관되게 구현해야 한다. 만약 시스템에서 제공하는 뒤로가기 버튼의 갈매기 모양( < )을 사용자 정의 이미지로 교체한다면, mask image또한 제공해야 한다. iOS는 이 마스크를 사용하여 전환 중에 버튼 제목에 애니메이션을 제공하기 때문이다.

 

• Multisegment에서 breadcrumb 경로를 포함시키지 마세요.

 뒤로가기 버튼은 항상 이전 화면으로 돌아가는 단일 작업을 수행한다. 만약 현재 화면에 대한 전체 경로가 없다면, 사람들이 길을잃을 수있기 때문에 이런 경우 앱의 계층을 평면화 하는 것을 고려해야 한다.

Segmented Conrol과 breadcrumb path를 같이 쓰지 말라는 것 같다.

• 텍스트 제목 버튼에 충분한 공간을 제공하세요.

 만약 navigation bar가 여러 개의 텍스트 버튼을 포함하고 있다면, 해당 버튼의 텍스트들을 분간할 수 없어 마치 하나의 버튼으로 보일 수 있다. 그러므로 버튼 사이에 고정된 공간 항목을 추가해 분리를 해줘야 한다.

 - UIBarButtonSystemItemFixedSpace

 

• Navigation bar에서 segmented control을 사용하여 앱의 정보 계층을 평면화 하는 것을 고려하세요.

Navigation bar에서 segmented control을 사용한다면 계층을 최상위 계층에서만 사용해야 한다. 그리고 그보다 낮은 수준에서 뒤로 가기 버튼을 선택해야 한다.