尽管缺少定义的自定义颜色属性,但 MaterialComponents 随机为状态栏和工具栏提供颜色
MaterialComponents randomly gives colours to status bar and Toolbar despite lack of custom colour attributes defined
当我没有在 colors.xml
文件中指定任何颜色时,为什么 MaterialComponents
应用随机颜色?有没有办法为白天模式删除这些颜色,以便显示白色?我知道 MaterialComponents
可以更好地自定义主题,但我特别不需要主要和次要配色方案。这在我使用 AppCompat
.
之前从未发生过
values/themes.xml & night/themes.xml
使用 AppCompat 时
<resources>
<style name="Theme.MyApp" parent="Theme.AppCompat.DayNight.NoActionBar"/>
</resources>
使用 MaterialComponents 时
<resources>
<style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight.NoActionBar"/>
</resources>
Theme.AppCompat.DayNight.NoActionBar主题
Theme.MaterialComponents.DayNight.NoActionBar主题
XML(折叠工具栏布局)
<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.appbar.AppBarLayout
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:id="@+id/myAppBarLayout">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:id="@+id/myCollapsingToolbarLayout"
android:layout_width="match_parent"
android:layout_height="200dp"
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|snap|exitUntilCollapsed">
<androidx.appcompat.widget.Toolbar
android:id="@+id/myToolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:contentInsetStartWithNavigation="0dp"
app:layout_collapseMode="pin" />
</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>
XML(主布局)
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/myCoordinatorLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<include layout="@layout/collapsing_toolbar" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/myRecyclerView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:scrollbarStyle="outsideInset"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
您可以检查the doc。
Material 组件库提供了一些默认颜色。
<style name="Base.V14.Theme.MaterialComponents" parent="Base.V14.Theme.MaterialComponents.Bridge">
<!-- Colors -->
<item name="colorPrimary">@color/design_default_color_primary</item>
<item name="colorPrimaryDark">@color/design_default_color_primary_dark</item>
<color name="design_default_color_primary">#6200EE</color>
并且默认的 Toolbar
背景颜色基于 colorPrimary
。
您必须在您的应用主题中覆盖它们。
<style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight.NoActionBar"/>
<item name="colorPrimary">@color/....</item>
</style>
当我没有在 colors.xml
文件中指定任何颜色时,为什么 MaterialComponents
应用随机颜色?有没有办法为白天模式删除这些颜色,以便显示白色?我知道 MaterialComponents
可以更好地自定义主题,但我特别不需要主要和次要配色方案。这在我使用 AppCompat
.
values/themes.xml & night/themes.xml
使用 AppCompat 时
<resources>
<style name="Theme.MyApp" parent="Theme.AppCompat.DayNight.NoActionBar"/>
</resources>
使用 MaterialComponents 时
<resources>
<style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight.NoActionBar"/>
</resources>
Theme.AppCompat.DayNight.NoActionBar主题
Theme.MaterialComponents.DayNight.NoActionBar主题
XML(折叠工具栏布局)
<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.appbar.AppBarLayout
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:id="@+id/myAppBarLayout">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:id="@+id/myCollapsingToolbarLayout"
android:layout_width="match_parent"
android:layout_height="200dp"
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|snap|exitUntilCollapsed">
<androidx.appcompat.widget.Toolbar
android:id="@+id/myToolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:contentInsetStartWithNavigation="0dp"
app:layout_collapseMode="pin" />
</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>
XML(主布局)
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/myCoordinatorLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<include layout="@layout/collapsing_toolbar" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/myRecyclerView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:scrollbarStyle="outsideInset"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
您可以检查the doc。
Material 组件库提供了一些默认颜色。
<style name="Base.V14.Theme.MaterialComponents" parent="Base.V14.Theme.MaterialComponents.Bridge">
<!-- Colors -->
<item name="colorPrimary">@color/design_default_color_primary</item>
<item name="colorPrimaryDark">@color/design_default_color_primary_dark</item>
<color name="design_default_color_primary">#6200EE</color>
并且默认的 Toolbar
背景颜色基于 colorPrimary
。
您必须在您的应用主题中覆盖它们。
<style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight.NoActionBar"/>
<item name="colorPrimary">@color/....</item>
</style>