Android 中无法使工具栏透明
Unable to make toolbar transparent in Android
当我尝试将背景设置为透明时,我的工具栏总是保持灰色。
这是我的 XML.
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:minHeight="@dimen/abc_action_bar_default_height_material"
app:theme="@style/Rushmore.Toolbar.Transparent" />
还有我的主题
<style name="Rushmore.Toolbar.Transparent" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<item name="android:windowActionBarOverlay">true</item>
<!-- Support Library compability -->
<item name="windowActionBarOverlay">true</item>
</style>
我已经从代码中试过了
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_actionbar);
toolbar.setBackgroundResource(Color.TRANSPARENT);
我不确定我错过了什么...
我在试图找到解决这个确切问题的方法时遇到了最大的麻烦。我一定已经搜索了数十个 post 并且空手而归。最后,我碰巧看到一个 post(我忘了是哪个页面)提到 Android v7 工具栏需要位于布局的顶部才能使透明度起作用。值得庆幸的是,它奏效了。所以,希望这会对其他人有所帮助:
这是您需要的:
- 为您的 activity 定义布局,如下所示
- 确保工具栏位于 XML 的底部,这样它将在 z 顺序中位于顶部。
- 使用 RelativeLayout 以确保工具栏在屏幕左上角可见。
- @color/primary 应该是透明的 (#00000000) 或者如果您还需要使用其他颜色,您可以在代码中设置它。
(可选)将 "android:layout_marginTop="?android:attr/actionBarSize" 添加到 或 下面的容器中在您的代码中。否则,FrameLayout 中的某些内容将位于操作栏下方。
<android.support.v4.widget.DrawerLayout
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
<ListView android:id="@+id/left_drawer"
android:layout_width="260dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:layout_marginRight="8dp"
android:layout_marginTop="?android:attr/actionBarSize"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp"
android:background="@color/drawer_background"
/>
</android.support.v4.widget.DrawerLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?android:attr/actionBarSize"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:background="@color/primary"
/>
androidx
的最新更新
使用@color/transparent = #00000000
使用
android:background="@color/transparent"
android:elevation="0dp"
app:elevation="0dp"
在应用栏上
布局示例
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<androidx.drawerlayout.widget.DrawerLayout
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
android:background="@color/transparent"
android:elevation="0dp"
app:elevation="0dp"
>
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:titleMarginStart="@dimen/margin_big"
/>
</com.google.android.material.appbar.AppBarLayout>
<fragment
android:id="@+id/nav_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:defaultNavHost="true"
app:navGraph="@navigation/nav_main"
/>
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_nav"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:background="@color/bottom"
app:menu="@menu/navigation"
app:layout_constraintBottom_toBottomOf="parent"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.navigation.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:menu="@menu/navigation"
/>
</androidx.drawerlayout.widget.DrawerLayout>
</layout>
当我尝试将背景设置为透明时,我的工具栏总是保持灰色。 这是我的 XML.
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:minHeight="@dimen/abc_action_bar_default_height_material"
app:theme="@style/Rushmore.Toolbar.Transparent" />
还有我的主题
<style name="Rushmore.Toolbar.Transparent" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<item name="android:windowActionBarOverlay">true</item>
<!-- Support Library compability -->
<item name="windowActionBarOverlay">true</item>
</style>
我已经从代码中试过了
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_actionbar);
toolbar.setBackgroundResource(Color.TRANSPARENT);
我不确定我错过了什么...
我在试图找到解决这个确切问题的方法时遇到了最大的麻烦。我一定已经搜索了数十个 post 并且空手而归。最后,我碰巧看到一个 post(我忘了是哪个页面)提到 Android v7 工具栏需要位于布局的顶部才能使透明度起作用。值得庆幸的是,它奏效了。所以,希望这会对其他人有所帮助:
这是您需要的:
- 为您的 activity 定义布局,如下所示
- 确保工具栏位于 XML 的底部,这样它将在 z 顺序中位于顶部。
- 使用 RelativeLayout 以确保工具栏在屏幕左上角可见。
- @color/primary 应该是透明的 (#00000000) 或者如果您还需要使用其他颜色,您可以在代码中设置它。
(可选)将 "android:layout_marginTop="?android:attr/actionBarSize" 添加到 或 下面的容器中在您的代码中。否则,FrameLayout 中的某些内容将位于操作栏下方。
<android.support.v4.widget.DrawerLayout android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <FrameLayout android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" /> <ListView android:id="@+id/left_drawer" android:layout_width="260dp" android:layout_height="match_parent" android:layout_gravity="start" android:layout_marginRight="8dp" android:layout_marginTop="?android:attr/actionBarSize" android:choiceMode="singleChoice" android:divider="@android:color/transparent" android:dividerHeight="0dp" android:background="@color/drawer_background" /> </android.support.v4.widget.DrawerLayout> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?android:attr/actionBarSize" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:background="@color/primary" />
androidx
的最新更新使用@color/transparent = #00000000
使用
android:background="@color/transparent"
android:elevation="0dp"
app:elevation="0dp"
在应用栏上
布局示例
<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<androidx.drawerlayout.widget.DrawerLayout
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
android:background="@color/transparent"
android:elevation="0dp"
app:elevation="0dp"
>
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:titleMarginStart="@dimen/margin_big"
/>
</com.google.android.material.appbar.AppBarLayout>
<fragment
android:id="@+id/nav_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:defaultNavHost="true"
app:navGraph="@navigation/nav_main"
/>
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottom_nav"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:background="@color/bottom"
app:menu="@menu/navigation"
app:layout_constraintBottom_toBottomOf="parent"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
<com.google.android.material.navigation.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
app:menu="@menu/navigation"
/>
</androidx.drawerlayout.widget.DrawerLayout>
</layout>