Android: 具有动态 actionBar 颜色和 DrawerLayout 的透明状态栏
Android: Transparent status bar with dynamic actionBar colors and DrawerLayout
我有一个 activity 和一个 DrawerLayout
。我们的客户要求我们根据从 DrawerLayout
中选择的项目动态更改此 activity 的操作栏颜色和相应的状态栏颜色。这很容易做到。但是,我的问题是,当我动态更改状态栏颜色时,我无法保持状态栏透明。当我打开抽屉时,彩色状态栏覆盖了 DrawerLayout
的顶部,如下所示:
但是,我希望我的 DrawerLayout
看起来像这样:
我可以用下面一行来做:
<item name="android:windowTranslucentStatus">true</item>
不过,我的问题不是不能设置状态栏的透明度。我的问题是状态栏和操作栏颜色的动态变化不适用于 windowTranslucentStatus
。即使在我调用 getWindow().setStatusBarColor()
.
之后,我的状态栏颜色仍然是 colorPrimaryDark
(上图中状态栏上可见的芥末黄色)
现在,我关注了 this tutorial and and Whosebug 问题以及许多其他问题,但无法解决问题。所有这些文章都说,一旦我将 windowTranslucentStatus
设置为 true
,ActionBar
将移动到顶部,状态栏下方(以便状态栏与操作栏重叠)。之后,我应该能够向操作栏添加一些填充,并且简单地更改操作栏颜色也会导致相同颜色的较暗状态栏,因为状态栏实际上是半透明的并且与我的操作栏重叠。但是,由于某种原因,我的情况不会发生这种情况。无论我将 fitsSystemWindows
设置为 true
或 false
还是完全删除该属性,操作栏都会停留在原处。操作栏总是 低于 状态栏,当然,如果我设置了透明度,它总是黄色的。
我还尝试过在以编程方式更改状态栏颜色时将其设置为 alpha。这确实使状态栏有点透明,但它看起来很奇怪,因为它不再是真正的 dark。删除 CoordinatorLayout
也无济于事。我花了几个小时试图解决这个问题,现在很沮丧。任何帮助是极大的赞赏。
我的activity_main
:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
<include
layout="@layout/app_bar_main"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true">
<include layout="@layout/nav_header_main" />
<android.support.v7.widget.RecyclerView
android:id="@+id/nav_menu_recyclerview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="@dimen/nav_header_height"
android:clipToPadding="false"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/size_14dp"
app:layoutManager="LinearLayoutManager" />
</android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>
这里是 XML 我的 app_bar_main
:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.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"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay"
app:elevation="0dp">
<FrameLayout
android:id="@+id/toolbar_container"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/AppTheme.PopupOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary" />
<com.quintype.sakshipost.Widgets.CustomMaterialSearchView
android:id="@+id/search_view"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</FrameLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_main" />
</android.support.design.widget.CoordinatorLayout>
我在我的应用程序中这样做。
<style name="AppTheme" parent="Theme.AppCompat.Dark">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
colorPrimary 将设置状态栏颜色,但前提是您重新启动 activity。
因此将其设置为透明黑色,然后在您的代码中重新启动 activity。您可以在 styles 中制作多个样式,使用不同的 colorPrimary 值,然后在您的 activity 中执行此操作。
//onClick or condition statement here
setTheme(R.style.AppThemeLight);
setContentView(R.layout.activity_link_manager_light);
restart();
public void restart(){
Intent i = getBaseContext().getPackageManager()
.getLaunchIntentForPackage( getBaseContext().getPackageName() );
i.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
startActivity(i);
}
我认为您不需要重置内容视图,除非您也切换布局,如果没有它就不能工作,您不确定是否可以尝试将其重置为相同的布局。
这绝对适合我,但我从未尝试过使用透明值。
您可以使用此方法重置整个应用主题并切换到硬编码不同颜色的新布局,只需在布局上保留所有 id 相同,在代码中您将获得正确的 id只要您在将 setContentView 设置为具有您在某处调用的 ID 的正确布局之后引用 findViewByID。每个布局的 ID 都不同,但您始终会在调用 findViewByID 时获得当前使用 setContentView 设置的布局的 ID。
您还可以将当前主题保存到 sharedpref 文件,并在调用 setContentView 之前使用开关在应用启动时设置主题(否则状态栏颜色不会改变)
考虑这段代码。顺便说一下,这接近 onCreate 的开始
String Theme;
SaveData = getSharedPreferences(SaveFileName,0);
Theme = SaveData.getString("Theme","Default Theme");
switch(Theme){
case "Light Theme":
setTheme(R.style.AppThemeLight);
setContentView(R.layout.activity_link_manager_light);
ListTextViewID = R.id.AppListTextViewLight;
ListRowID = R.layout.app_list_item_light;
break;
我在设置内容视图之前设置应用主题的方式是状态栏颜色更改起作用的原因。
正如文档所说 here,不能设置 FLAG_TRANSLUCENT_STATUS。
For this to take effect, the window must be drawing the system bar backgrounds with FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS and FLAG_TRANSLUCENT_STATUS must not be set.
您的问题是因为 getWindow().setStatusBarColor()
不能很好地与 DrawerLayout
一起使用。为了使您的状态栏保持半透明并能够更改其颜色,您必须遵循以下过程:
Add/modify 您的 v21/styles.xml
文件中的以下主题如下:
<style name="AppTheme.NoActionBar" parent="AppTheme">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowTranslucentStatus">true</item>
</style>
这是标准 DrawerLayout
使用的主题(当然,假设您在具有 DrawerLayout
的 activity 中使用此主题)。如您所知,这将使您的状态栏变成半透明的。
接下来,从 app_bar_main
中的 CoordinatorLayout
中删除 android:fitsSystemWindows="true"
。
接下来,无论您在何处更改 toolbar/status 栏的颜色,都使用 drawerLayout.setStatusBarBackground(colorDrawable)
使用与工具栏相同的颜色(当然,假设对 DrawerLayout
称为 drawerLayout
)。请注意,drawerLayout.setStatusBarBackground()
方法采用 Drawable
对象,不像 window.setStatusBarColor()
方法采用 int
颜色,因此您可能必须使用某些东西将颜色转换为可绘制对象像这样:
new ColorDrawable(ContextCompat.getColor(getApplicationContext(), R.color.colorPrimary))
这将确保您的状态栏是半透明的,并使其能够改变颜色。希望你能够让它发挥作用。
我有一个 activity 和一个 DrawerLayout
。我们的客户要求我们根据从 DrawerLayout
中选择的项目动态更改此 activity 的操作栏颜色和相应的状态栏颜色。这很容易做到。但是,我的问题是,当我动态更改状态栏颜色时,我无法保持状态栏透明。当我打开抽屉时,彩色状态栏覆盖了 DrawerLayout
的顶部,如下所示:
但是,我希望我的 DrawerLayout
看起来像这样:
我可以用下面一行来做:
<item name="android:windowTranslucentStatus">true</item>
不过,我的问题不是不能设置状态栏的透明度。我的问题是状态栏和操作栏颜色的动态变化不适用于 windowTranslucentStatus
。即使在我调用 getWindow().setStatusBarColor()
.
colorPrimaryDark
(上图中状态栏上可见的芥末黄色)
现在,我关注了 this tutorial and windowTranslucentStatus
设置为 true
,ActionBar
将移动到顶部,状态栏下方(以便状态栏与操作栏重叠)。之后,我应该能够向操作栏添加一些填充,并且简单地更改操作栏颜色也会导致相同颜色的较暗状态栏,因为状态栏实际上是半透明的并且与我的操作栏重叠。但是,由于某种原因,我的情况不会发生这种情况。无论我将 fitsSystemWindows
设置为 true
或 false
还是完全删除该属性,操作栏都会停留在原处。操作栏总是 低于 状态栏,当然,如果我设置了透明度,它总是黄色的。
我还尝试过在以编程方式更改状态栏颜色时将其设置为 alpha。这确实使状态栏有点透明,但它看起来很奇怪,因为它不再是真正的 dark。删除 CoordinatorLayout
也无济于事。我花了几个小时试图解决这个问题,现在很沮丧。任何帮助是极大的赞赏。
我的activity_main
:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
<include
layout="@layout/app_bar_main"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true">
<include layout="@layout/nav_header_main" />
<android.support.v7.widget.RecyclerView
android:id="@+id/nav_menu_recyclerview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="@dimen/nav_header_height"
android:clipToPadding="false"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/size_14dp"
app:layoutManager="LinearLayoutManager" />
</android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>
这里是 XML 我的 app_bar_main
:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.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"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay"
app:elevation="0dp">
<FrameLayout
android:id="@+id/toolbar_container"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/AppTheme.PopupOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary" />
<com.quintype.sakshipost.Widgets.CustomMaterialSearchView
android:id="@+id/search_view"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</FrameLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_main" />
</android.support.design.widget.CoordinatorLayout>
我在我的应用程序中这样做。
<style name="AppTheme" parent="Theme.AppCompat.Dark">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
colorPrimary 将设置状态栏颜色,但前提是您重新启动 activity。
因此将其设置为透明黑色,然后在您的代码中重新启动 activity。您可以在 styles 中制作多个样式,使用不同的 colorPrimary 值,然后在您的 activity 中执行此操作。
//onClick or condition statement here
setTheme(R.style.AppThemeLight);
setContentView(R.layout.activity_link_manager_light);
restart();
public void restart(){
Intent i = getBaseContext().getPackageManager()
.getLaunchIntentForPackage( getBaseContext().getPackageName() );
i.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
startActivity(i);
}
我认为您不需要重置内容视图,除非您也切换布局,如果没有它就不能工作,您不确定是否可以尝试将其重置为相同的布局。
这绝对适合我,但我从未尝试过使用透明值。
您可以使用此方法重置整个应用主题并切换到硬编码不同颜色的新布局,只需在布局上保留所有 id 相同,在代码中您将获得正确的 id只要您在将 setContentView 设置为具有您在某处调用的 ID 的正确布局之后引用 findViewByID。每个布局的 ID 都不同,但您始终会在调用 findViewByID 时获得当前使用 setContentView 设置的布局的 ID。
您还可以将当前主题保存到 sharedpref 文件,并在调用 setContentView 之前使用开关在应用启动时设置主题(否则状态栏颜色不会改变)
考虑这段代码。顺便说一下,这接近 onCreate 的开始
String Theme;
SaveData = getSharedPreferences(SaveFileName,0);
Theme = SaveData.getString("Theme","Default Theme");
switch(Theme){
case "Light Theme":
setTheme(R.style.AppThemeLight);
setContentView(R.layout.activity_link_manager_light);
ListTextViewID = R.id.AppListTextViewLight;
ListRowID = R.layout.app_list_item_light;
break;
我在设置内容视图之前设置应用主题的方式是状态栏颜色更改起作用的原因。
正如文档所说 here,不能设置 FLAG_TRANSLUCENT_STATUS。
For this to take effect, the window must be drawing the system bar backgrounds with FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS and FLAG_TRANSLUCENT_STATUS must not be set.
您的问题是因为 getWindow().setStatusBarColor()
不能很好地与 DrawerLayout
一起使用。为了使您的状态栏保持半透明并能够更改其颜色,您必须遵循以下过程:
Add/modify 您的 v21/styles.xml
文件中的以下主题如下:
<style name="AppTheme.NoActionBar" parent="AppTheme">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowTranslucentStatus">true</item>
</style>
这是标准 DrawerLayout
使用的主题(当然,假设您在具有 DrawerLayout
的 activity 中使用此主题)。如您所知,这将使您的状态栏变成半透明的。
接下来,从 app_bar_main
中的 CoordinatorLayout
中删除 android:fitsSystemWindows="true"
。
接下来,无论您在何处更改 toolbar/status 栏的颜色,都使用 drawerLayout.setStatusBarBackground(colorDrawable)
使用与工具栏相同的颜色(当然,假设对 DrawerLayout
称为 drawerLayout
)。请注意,drawerLayout.setStatusBarBackground()
方法采用 Drawable
对象,不像 window.setStatusBarColor()
方法采用 int
颜色,因此您可能必须使用某些东西将颜色转换为可绘制对象像这样:
new ColorDrawable(ContextCompat.getColor(getApplicationContext(), R.color.colorPrimary))
这将确保您的状态栏是半透明的,并使其能够改变颜色。希望你能够让它发挥作用。