UI 개요

안드로이드 시스템 UI는 여러분의 앱에 프레임워크를 제공합니다. 시스템 UI의 주요 부분으로 홈 화면 경험, 전역적인 기기 탐색, 알림이 있습니다.

여러분이 만드는 앱은 사용자가 안드로이드를 전반적으로 일관성있고 즐겁게 사용하도록 하는데 일익을 담당하게 됩니다. 이 장 마지막에서는 그러한 목표를 달성하기 위해 앱이 가져야 할 주요 사항을 소개합니다.

우선 간단히 안드로이드 사용자 인터페이스의 주요 측면에 대한 개요를 훑어보도록 하겠습니다.

홈, 모든 앱, 최근 앱

 

홈 화면

홈은 앱 바로가기, 폴더, 위젯을 직접 배치하는 공간입니다. 홈 화면에서 좌우로 스와이프하여 다른 홈 화면 패널로 이동할 수 있습니다.

아랫 부분의 즐겨찾기 트레이는 어떤 패널을 보고 있다 하더라도 항상 자주 쓰는 바로 가기와 폴더를 표시합니다.

즐겨찾기 트레이 중앙의 모든 앱 버튼을 터치해 전체 앱과 위젯 목록을 볼 수 있습니다.

모든 앱 화면

모든 앱 화면에서는 기기에 설치한 모든 앱과 위젯을 볼 수 있습니다.

모든 앱 화면에서 앱이나 위젯 아이콘을 끌어서 홈 화면 아무 빈 곳에나 둘 수 있습니다.

최근 앱(Recents) 화면

최근 앱 화면을 통해 최근에 사용한 앱을 쉽게 전환할 수 있습니다. 최근 앱 화면은 진행 중인 여러 작업 사이를 쾌적하게 이동할 수 있도록 해줍니다.

내비게이션 바 오른쪽의 최근 앱 버튼을 누르면 최근에 사용한 앱 목록이 나옵니다. 앱 목록은 시간 역순으로 가장 최근에 쓴 앱이 맨 아래에 표시됩니다.

앱을 터치해 해당 앱으로 전환할 수 있으며, 앱을 좌우로 스와이프하면 항목을 지울 수 있습니다.

시스템 바

시스템 바는 알림을 표시하고 기기의 상태를 알리거나 앱 사이를 이동하는 역할을 가집니다. 시스템 바는 보통 앱과 언제나 함께 표시됩니다. 앱이 영화나 그림처럼 몰입형 컨텐츠를 제공하는 경우는 방해받지 않도록 시스템 바를 숨겨서 전체 화면으로 컨텐츠를 즐기게 할 수도 있습니다.

  1. 상태 표시줄(Status Bar)

    사용자 확인이 필요한 알림을 왼쪽에, 시간이나 배터리 양, 네트워크 신호 강도 등을 오른쪽에 표시합니다. 상태 표시줄을 아래로 스와이프하면 세부 알림 사항이 나옵니다.

  2. 내비게이션 바

    안드로이드 4.0 폰에 처음 추가된 내비게이션 바는 하드웨어 키가 없는 기기에만 표시됩니다. 내비게이션 바에는 이전, 홈, 최근 앱 컨트롤이 있으며, 안드로이드 2.3 이하 버전 앱을 사용할 경우 해당 앱의 메뉴를 띄우는 컨트롤이 함께 표시됩니다.

  3. 결합 바(Combined Bar)

    태블릿 형태 기기는 상태 표시줄과 내비게이션 바를 하나로 결합하여 하나의 바로 나타냅니다. 결합 바는 화면 아래에 위치합니다.

알림(Notifications)

알림은 상태 표시줄을 통해 언제든지 접근할 수 있는 짧은 메시지입니다. 알림은 업데이트나 일정 알림 등 중요하긴 하지만 사용자를 방해할 필요는 없는 정보를 제공합니다. 상태 표시줄을 아래로 스와이프하여 알림 서랍(notifications drawer)을 열 수 있고, 그 상태에서 각 알림을 터치하면 그 알림에 해당하는 앱이 열립니다. 알림에 대한 세부 사항

알림은 더 자세한 정보를 얻거나 관련 동작을 수행하기 위해 확장될 수 있습니다. 접혀있을 때에는 알림은 제목 한 줄과 메시지 한 줄로 구성되어 있습니다. 알림의 권장 레이아웃은 두 줄입니다. 필요할 경우에는 세 번째 줄을 추가할 수 있습니다.

알림을 좌우로 스와이프하면 알림 서랍에서 그 알림을 지울 수 있습니다.

일반적인 앱 UI

전형적인 안드로이드 앱은 액션 바와 앱 컨텐츠 영역으로 이루어져 있습니다.

  1. 메인 액션 바

    앱의 명령 및 통제 센터입니다. 메인 액션 바는 앱의 계층과 뷰를 탐색하고 중요한 작업을 다루는 요소를 담고 있습니다.

    액션 바에 대한 세부 사항

  2. 뷰 컨트롤

    앱이 제공하는 여러 뷰를 전환할 수 있는 방법을 제공합니다. 일반적으로 뷰는 앱 데이터를 다양하게 배치하거나 다양한 기능을 제공하도록 구성합니다.

  3. 컨텐츠 영역

    앱의 컨텐츠를 표시하는 공간입니다.

  4. 분할 액션 바

    분할 액션 바는 액션들을 추가 바에 배치하는 방법으로, 메인 액션 바 아래나 화면 하단에 배치됩니다. 이 예제에서는 메인 액션 바에 넣기에는 공간이 모자란 중요 액션들을 분할 액션 바에 배치했습니다.