미립자 팁. 테마에 앱바 스타일 적용하기

해결 할 문제

많은 프로젝트에서 ActionBar가 없는 테마를 사용하고, 상황에 맞게 직접 앱바를 추가해서 사용할 것이다.

나 역시도 NoActionBar 를 사용해 직접 xml에서 AppBar를 추가해서 사용한다.

<style name="Theme.MyTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
...
</style>

before

<com.google.android.material.appbar.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:navigationIcon="@drawable/ic_back">
        // ...
    </androidx.appcompat.widget.Toolbar>
</com.google.android.material.appbar.AppBarLayout>

기존에는 기본적으로 AppBarLayout을 만들면 배경 색상이 themes.xml > colorPrimary 의 색을 따랐다. 그래서 모든 AppBar에 background 속성을 지정해서 사용해야 하는 것에 불편함을 느꼈다.

해결

after

themes.xml

<style name="Theme.Uswtimetable" parent="Theme.MaterialComponents.Light.NoActionBar">
    // ...
    <item name="appBarLayoutStyle">@style/SuwikiAppbar</item>
</style>

<style name="SuwikiAppbar" parent="Widget.AppCompat.Toolbar">
    <item name="background">@color/background</item>
</style>

Widget.AppCompat.Toolbar를 상속한 스타일을 만든다.
현재 사용하고 있는 테마의 속성으로 <item name="appBarLayoutStyle">@style/1번의스타일</item>을 지정한다

정말 특이하게 동작했다.

appBarLyaoutStyle을 지정해주기 위해 처음에는 Widget.Design.AppBarLayout를 상속한 스타일을 만들었는데 동작하지 않는 것이다.

그래서 NoActionBar를 사용해서 그런가보다 하고 Widget.AppCompat.Toolbar를 상속한 스타일을 만들어서 현재 사용하고 있는 테마의 속성으로 android:toolbarStyle와 toolbarStyle에도 지정해봤는데 동작하지 않았다.

그러다 우연히 appBarLayoutStyle에 Widget.AppCompat.Toolbar를 상속한 스타일을 적용했더니 적용이 된 것이다.

혹시나 해서 ToolBar에 margin을 줘서 AppBar를 확인해봤는데 원했던 대로 스타일이 적용된 것을 확인했다.