본문 바로가기

Jetpack Compose3

[Jetpack Compose] Navigation Drawer 구현하기 안녕하세요.  오늘은 TopAppBar에서 만든 네비게이션 아이콘에 Navigation Drawer를 연결 해보도록 하겠습니다. 2022.08.08 - [Android/Jetpack] - [Jetpack Compose] TopAppBar(Toolbar) 구현하기 [Jetpack Compose] TopAppBar(Toolbar) 구현하기안녕하세요. 오늘은 Jetpack Compose내 TopAppBar 컴포넌트를 구현해 보도록 하겠습니다. TopAppBar는 이전에 안드로이드 어플리케이션에서 Toolbar/AppBar라고 불리는 컴포넌트입니다. TopAppBar 컴포넌트는 아android-dev.tistory.com2022.08.08 - [Android/Jetpack] - [Jetpack Compose] .. 기리's Android 이야기 2022. 8. 10.
[Jetpack Compose] TopAppBar(Toolbar) - 메뉴 클릭 이벤트 (Toast, Alertdialog, Dropdownmenu) 안녕하세요. 이번 시간에는 지난시간에 구현한 TopAppBar 컴포넌트의 메뉴에서 다양한 클릭 이벤트를 구현해보도록하겠습니다. Navigation Icon클릭시에는 간단한 Toast 메시지를(나중에 Drawer Layout 구현 예정),actions의 Share Icon 클릭시에는 AlertDialog를,마지막으로 MoreVert Icon 클릭시에는 DropDownMenu가 나타나도록 만들어보겠습니다. 완성된 화면은 아래와 같습니다.     STEP 01 : Toast 메시지private fun showToast(context: Context, message: String) { Toast.makeText(context, message, Toast.LENGTH_SHORT).show()} @Compos.. 기리's Android 이야기 2022. 8. 8.
[Jetpack Compose] TopAppBar(Toolbar) 구현하기 안녕하세요. 오늘은 Jetpack Compose내 TopAppBar 컴포넌트를 구현해 보도록 하겠습니다. TopAppBar는 이전에 안드로이드 어플리케이션에서 Toolbar/AppBar라고 불리는 컴포넌트입니다.  TopAppBar 컴포넌트는 아래와 같이 다양한 매개변수를 받습니다. title : 제목을 나타내는 변수입니다. 필수값입니다.backgroundColor : 툴바 색상을 지정합니다.contentColor: 툴바 내 아이템의 색상을 지정합니다.navigationIcon: 툴바 첫번째 아이콘을 지정합니다.actions: 툴바에 여러 메뉴들을 만들 수 있습니다.  STEP 01: 제목@Composablefun ToolbarWithTitle(name: String) { Scaffold( .. 기리's Android 이야기 2022. 8. 8.