전체 글 (31) 썸네일형 리스트형 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.. 만들면서 배우는 클린아키텍처 를 읽으며 (1~4장) '클린 코드'를 읽고 그 이후에 유명한 여러 아키텍처들 (MVC, VIPER, MVVM 등)을 보고 따라 프로젝트도 만들어 보며 아키텍처의 필요성, 각각의 장단점을 파악하고 있던 중에 Clean Architecture라는 아키텍처 또한 공부를 하게 되었다. 사실 듣기도 많이 들어봤고 '클린 아키텍처'도 읽었지만 조금 막연한 느낌이었다. 개인 프로젝트에 최대한 클린 아키텍처를 따라 만들어 보면서 많은 생각도 하고 주변이나 유명한 채팅방에 물어보며 최근에야 조금씩 정리가 되어가는 느낌이다. 그러던 중 곰 튀김님이 이 책을 추천해주셔서 읽어보게 되었는데 읽어보며 더욱 아키텍처의 의미가 정리가 되는 것 같다. 이럴 때 바로 블로그에 정리를 해보려 한다. Part 1 계층형 아키텍처의 문제점 계층형 아키텍처는 데.. 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 2 3 4 다음
