상단 앱 바 표시

TopAppBar 컴포저블을 사용하여 사용자가 앱에서 기능을 탐색하고 액세스하는 데 도움이 되는 상단 앱 바를 만듭니다.

버전 호환성

이 구현을 사용하려면 프로젝트 minSDK를 API 수준 21 이상으로 설정해야 합니다.

종속 항목

상단 앱 바용 컴포저블 만들기

사용자가 콘텐츠 영역을 아래로 스크롤할 때 접히고 사용자가 콘텐츠 상단으로 다시 스크롤할 때 펼쳐지는 MediumTopAppBar 컴포저블을 사용하여 상단 앱 바를 만듭니다.

코드 관련 핵심 사항

  • TopBar가 설정된 외부 Scaffold
  • 단일 Text 요소로 구성된 제목
  • 정의된 작업이 하나 있는 상단 표시줄
  • 작업을 실행하는 onClick 람다가 있는 IconButton 작업입니다.
  • 아이콘 이미지와 콘텐츠 설명 텍스트가 있는 Icon가 포함된 IconButton입니다.
  • Scaffold의 내부 콘텐츠 스크롤 동작은 enterAlwaysScrollBehavior()로 정의됩니다. 이렇게 하면 사용자가 내부 콘텐츠를 위로 당기면 앱 바가 접히고 아래로 당기면 앱 바가 펼쳐집니다.
  • 제목이 포함된 MediumTopBar 외에도 다음을 사용할 수 있습니다.
    • TopAppBar: 탐색이나 작업이 많이 필요하지 않은 화면에 사용합니다.
    • CenterAlignedTopAppBar: 기본 작업이 하나인 화면에 사용합니다.제목은 구성요소 중앙에 배치됩니다.
    • MediumTopAppBar: 적당한 양의 탐색 및 작업이 필요한 화면에 사용합니다.
    • LargeTopAppBar: 탐색과 작업이 많은 화면에 사용합니다. MediumTopAppBar보다 패딩이 더 많으며 제목을 추가 아이콘 아래에 배치합니다.

결과

그림 1. 중간 크기의 상단 앱 바

이 가이드가 포함된 컬렉션

이 가이드는 더 광범위한 Android 개발 목표를 다루는 선별된 빠른 가이드 모음의 일부입니다.

표준화된 플랫폼을 사용하여 복잡한 사용자 인터페이스를 빌드하는 방법을 알아보세요. 스켈레톤은 UI의 여러 부분을 함께 유지하여 앱에 일관된 디자인과 느낌을 제공합니다.
빠른 가이드 모음
구성 가능한 함수를 사용하여 Material Design 디자인 시스템을 기반으로 멋진 UI 구성요소를 쉽게 만드는 방법을 알아보세요.
빠른 가이드 모음

질문이나 의견이 있으신가요?

자주 묻는 질문(FAQ) 페이지로 이동하여 빠른 가이드를 알아보거나 문의하여 의견을 보내주세요.
FAQ로 이동 의견 남기기