더북(TheBook)

2 화면 구성 바꾸기

 

이제 기본 화면 구성을 바꿔 보겠습니다.

 

 

상태 표시줄과 앱 바 숨기기

앱을 실행한 에뮬레이터 화면을 보면 상단에 현재 시각, 연결 상태, 남은 배터리 양 등을 보여주는 영역이 있는데, 이 부분을 상태 표시줄(status bar)이라고 합니다. 상태 표시줄 아래에는 앱 이름이 있고 그 옆은 비어 있습니다. 이 영역을 앱 바(app bar)라고 합니다. 이 비어 있는 공간을 활용해 환경설정이나 더보기 메뉴 등을 표시합니다. 이번에는 상태 표시줄과 앱 바를 없애고 앱이 전체 화면에 가득 차게 바꿔 보겠습니다.

그림 4-13 | 상태 표시줄과 앱 바

 

이런 기능은 스타일로 지정하면 됩니다. 스타일은 styles.xml 파일에서 작성합니다. 프로젝트 창에서 app > res > values 폴더로 가서 styles.xml 파일을 더블 클릭해서 엽니다.

그림 4-14 | styles.xml 파일

용어 뷰의 모양과 형식을 지정하는 속성을 모아둔 것을 스타일(style)이라고 합니다. 스타일에서 뷰의 높이, 글꼴의 색상 및 크기, 배경색 등 다양한 속성을 지정할 수 있습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.