App Bar를 구현하는 방법은 여러 방법이 있지만, ActionBar 대신 ToolBar를 사용하자.

• backward compatibility (work on the widest range of devices)
• customize app bar

1. AppCompat 의존성 추가

build.gradle에

implementation "androidx.appcompat:appcompat:$appcompat_version"

을 추가해야 한다. (추가되어 있음)

2. AppCompatActivity

Activity가 AppCompatActivity를 상속해야 한다. (상속되어 있음)

• KOTLIN

import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity()

• JAVA

import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity 

3. NoActionBar

ActionBar 제거를 위해 res/values/themes.xml을 수정한다.

• 기존

<style name="Theme.Image_classification" parent="Theme.MaterialComponents.DayNight.DarkActionBar">

• 변경 후

<style name="Theme.Image_classification" parent="Theme.MaterialComponents.DayNight.NoActionBar">

CoordinatorLayout

CoordinatorLayout 의존성 추가

build.gradle에

implementation "androidx.coordinatorlayout:coordinatorlayout:1.1.0"

을 추가해야 한다. (추가하지 않아도 됨)

Layout 변경

layout/activity_main.xml의 최상위 요소를 CoordinatorLayout으로 지정했다.

4. Toolbar

CoordinatorLayout 안에 Toolbar를 추가한다. Toolbar 안에 ImageView를 위치시켰다. 이미지는 다운로드 후 res/drawable에 위치시킨다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/black">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/tfl2_logo" />
    </androidx.appcompat.widget.Toolbar>
    
</androidx.coordinatorlayout.widget.CoordinatorLayout>

5. setSupportActionBar()

activity의 onCreate() method에서 setSupportActionBar() method를 호출한다. (생략가능)

• KOTLIN

import androidx.appcompat.widget.Toolbar

val toolbar: Toolbar = findViewById(R.id.toolbar)
setSupportActionBar(toolbar)

• JAVA

import androidx.appcompat.widget.Toolbar;

Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar)

https://developer.android.com/training/appbar/setting-up