Til. 헷갈리는 Toolbar와 ActionBar 정리

Devback·2021년 1월 19일

안드로이드 - 헷갈리는 Toolbar와 ActionBar 정리

과거 안드로이드는 ActionBar가 기본으로 존재하였고 그것을 커스터마이징 해서 각 앱에 맞게 변경해서 사용하였습니다.

툴바는 안드로이드 5.0 (API Level 21)부터 추가된 위젯(Widget)으로 앱에서 가장 중요한 액션 또는 자주 사용되는 액션들을 제공하는 앱바(AppBar)를 만들때 사용됩니다.

ActionBar VS ToolBar
ActionBar : View가 아니다. 위치나 내부 아이템을 제어하기 힘들다.
ToolBar : View다. 따라서 기타 View처럼 제어하기가 슆다.

Tool bar가 나온 이유

툴바가 나온 이유는 새로운 버전의 안드로이드가 릴리즈 됨에 따라서 다양한 기능이 추가 되었기 때문입니다.

즉, 기기에 설치된 액션바가 설치된 안드로이드 버전에 따라 다르게 동작하는 결과를 낳게 되었고 이는 개발자와 사용자 모두에게 불편한 결과를 만들게 되었습니다.

Tool bar 사용법 간단 정리

1. action bar를 제거한다.

액션바를 없애는 방법은 여러가지가 있습니다.
먼저 액션바가 기본적으로 위와같이 뜨는 이유는 디렉토리 res/values/styles.xml 에서 밑 사진과 같이 parent가 "Theme.AppCompat.Light.DarkActionBar"를
"Theme.AppCompat.Light.NoActionBar"로 변경해주면 액션바가 안뜨게 할 수 있습니다.


// stlyes.xml 
<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

manifest.xml에서도 action bar를 없앨수 있습니다. 액티비티 속성에 android:theme="@android:style/Theme.NoTitleBar"를 추가합니다.

// manifest.xml에서 바꾸기 
<activity
android:theme="@android:style/Theme.NoTitleBar">
</activity>

2. tool bar를 xml에 추가

        <androidx.appcompat.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="59dp">
        </androidx.appcompat.widget.Toolbar>