iOS/HIG (7) 썸네일형 리스트형 Picker and Date Picker Pickers picker는 사용자가 선택하는 하나 혹은 여러 개의 별개의 목록들을 스크롤 가능한 상태로 표시할 수 있다. 날짜 picker는 달력 view에서 날짜를 선택하거나 숫자 키패드를 이용하여 날짜를 입력하는 방식으로 추가적인 값을 선택하는 방법을 제공해준다. 두가지 방법의 picker들은 단일 혹은 다중의 값들을 사용자가 선택하여 입력하기 쉽게 해 준다. 요구사항 picker을 사용하여 중간~긴 리스트의 아이템을 제공하는 것을 고려하세요. 만약 상당히 짧은 리스트의 선택을 표시해야 한다면, picker 대신에 pull-down button을 사용하는 것을 고려하세요. picker를 사용하면 많은 아이템들을 빠르게 스크롤 함으로써 쉽게 보이게 할 수 있지만, 짧은 리스트의 아이템에는 너무 많은 .. Status Bars Status bars는 스크린의 가장 윗단에 나타나며 기기의 시간, 셀룰러, 배터리 레벨 등의 현재 상태를 표시한다. Status bar에 표시되는 실제 정보는 장치 및 시스템 구성에 따라 다르다. 요구사항 시스템에서 제공하는 status bar을 사용하세요. 사람들은 status bar가 시스템 전반에 걸쳐 일관성이 있길 기대한다. 그러므로 커스텀한 status bar을 지양해야 한다. 앱의 디자인에 따라 status bar의 스타일을 조정하세요. Status bar의 텍스트 및 시각적 스타일은 앱의 전역 적으나 각 스크린에 개별적으로 밝거나 어둡게 조정할 수 있다. 어두운 status bar는 밝은 콘텐츠와 잘 맞고 밝은 status bar는 어두운 컨텐츠와 잘 맞다. Status bar밑의 콘텐츠를.. Navigation Bars Navigation bar는 앱 화면의 상단, status bar 아래에 위치하며 연속적인 계층의 화면을 탐색할 수 있게 한다. 새로운 화면이 표시될 때, 보통내비게이션 바의왼쪽에 전 화면의 title이 적힌 형식의 뒤로가기 버튼이 생성된다. 가끔, 오른쪽 화면에는 Edit, Done과 같은 실행중인 view내에서 content를 관리하는 도구들을 담기도 한다. 분할된 뷰에서 Navigation bar는단일의 분할된 뷰에서 나타난다.(?) Navigation bars는 반투명 색으로 배경색을 지정할 수 있고, 키보드가 화면에 표시되거나 제스처가 발생하거나 view가 재조정될 때 숨기도록할 수있다. 요구사항 표준형 뒤로 가기 버튼을 사용하세요. 사람들은 표준형 뒤로 가기 버튼을 사용하여 정보 계층 구조를 .. Segmented Controls Segmented control은 기능적으로 상호 간에 양립하는 두 가지 혹은 더 많은 버튼들을 선 모양으로 모은 것이다. contol내에서 모든 segments들의 너비는 동일하다. 버튼과 같이 segment는 텍스트나 이미지 또한 담을 수 있다. Segmented controls는 보통 다른 view를 표시하기 위해 사용한다. 예를 들어, Maps에서 segmented control은 Map, Transit, Satellite 뷰들을 switch 할 수 있게끔 해준다. 요구사항 유용성을 높이기 위해 segment의 개수를 제한하라. 길이가 긴 segment는 탭하기 쉽다. iPhone에서 segmented control은 다섯 개 이내의 segments가 적절하다. Segment의 content si.. Tab Bars Tab bar는 스크린 하단에 위치한다. Tab bar는 앱의 정보, 기능적인 부분을 이해할 수 있도록 해준다. Tab을 사용하여 현재 navigation상태를 유지하며 같은 레벨의 section들을 오갈 수 있게 해 준다. 기본적으로 탭 막대는 반투명하다. 콘텐츠가 뒤에 나타날 때만 반투명(?) 형식으로 배경 자료를 사용하고 보기가 맨 아래로 스크롤될 때는 반투명을 제거한다. 키보드가 화면에 표시되면 tab bar는 숨겨진다. 기계의 사이즈와 방향에 따라, 보이는 탭들의 개수는 총 탭의 개수보다 작아질 수 있다. 만약 수평형 공간에서 보이는 탭을 제한한다면, 탭의 후행(오른쪽) 부분은 추가 탭이 되어 별도의 화면에서 나머지 항목들을 보여준다. TIP Tab bar와 toolbar 모두 screen의 하.. Progress Indicators Progress Indicators는 현재 개인 프로젝트를 개발하는 중에 '로딩 중'을 표시해야 할 상황이 생겨 활용하기 전에 이 부분 또한 애플에서 제안하는 사용 방식을 먼저 찾아보기로 하였다. Progress Indicators 사람들이 앱을 사용함에 있어 콘텐츠를 로드하거나 긴 데이터를 처리하는 작업을 수행하고 있을때, 정적인 화면을 멍하니 바라보게 만드는 것보다는 활동 표시기 혹은 진행률 표시기를 사용하여 사용자로 하여금 앱이 중단되지 않았음을 알리고 대기시간에 대한 정보를 제공하라고 제안한다. Activity Indicators Activity Indicators는 복잡한 데이터를 로드하거나 동기화할때, 즉 정확한 작업의 수행도를 측정할 수 없을 때 Activity Indicators를 활용한다.. Search Bars HIG에 근거한 Search Bars 만들어보기 내가 개인 프로젝트로 만들어볼 앱에 쓰일 Search Bar를 만들기 전, 애플에서 제안하는 가이드라인을 먼저 알아보았다. Search Bars Search Bar는 사람들이 텍스트를 입력창에 입력하는 행위로 거대한 값들 중에 원하는 값을 찾을 수 있게 한다. 서치바는 혼자, navigation bar나 contentview에 배치될수 있다. Navigation bar에 배치될 때, 서치바는 navigation bar에 고정되어 항상 접근할 수 있게끔, 아니면 사용자가 swipes donw 하여 다시 보이기 전까지 안 보이게끔 한다. 요구사항 - Text Field 대신에 Search Bar을 사용하여 search를 구현하라. 왜냐? textfield는 사.. 이전 1 다음
