1. ホーム
  2. android

ツールバーを透明化するには?

2023-08-13 01:41:52

質問

自己Q&A投稿です。 私はレイアウトに重なる透明なActionBarを持っています。最新のサポート ライブラリに移行した後、私はツールバーのために ActionBar を取り除くことを余儀なくされました。それを透明にし、そのレイアウトをオーバーレイする古い方法は、もう動作しません。

<style name="CustomActionBarTheme" parent="@android:style/Theme.AppCompat">
    <item name="android:windowActionBarOverlay">true</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="android:actionBarStyle">@style/TransparentActionBar</item>
</style>

<style name="TransparentActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">@android:color/transparent</item>
</style>

どのように解決するのですか?

アクションバーを隠すテーマを定義し、背景を透明にしたアクションバースタイルを定義して、そのスタイルをツールバーウィジェットに設定するだけです。なお、ツールバーは最後のビュー (すべてのビューツリーの上) に描画される必要があります。

<style name="Theme.Custom" parent="@android:style/Theme.AppCompat">
    <item name="windowActionBar">false</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="android:windowActionBarOverlay">true</item>
</style>

<style name="CustomActionBar" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:windowActionBarOverlay">true</item>
    <!-- Support library compatibility -->
    <item name="windowActionBarOverlay">true</item>
</style>

レイアウト

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Toolbar should be above content-->
    <include layout="@layout/toolbar" />

</RelativeLayout>

ツールバーのレイアウトです。

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:theme="@style/CustomActionBar"/>