Android如何在App Theme中指定Toolbar主题?
How to specify a Toolbar theme in the App Theme in Android?
目前我正在使用 material 组件和 material 主题:
<style name="BaseTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
...
...
<item name="materialButtonStyle">@style/Button</item>
</style>
我能够使用 materialButtonStyle 为每个按钮定义样式,我想知道是否可以为工具栏实现相同的样式。
这真的很重要:这个想法是为了避免在应用栏或工具栏组件中定义样式/主题,而只是使用它来获取应用主题定义的样式。
我想避免这种情况:
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appbar"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:theme="@style/ToolbarTheme">
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:titleTextAppearance="@style/ToolbarTextAppearance"
tools:title="Title" />
</com.google.android.material.appbar.AppBarLayout>
在主题内部我希望能够指定字体样式和文本外观。
这些是我的风格:
<style name="ToolbarTheme" parent="ThemeOverlay.MaterialComponents.Dark.ActionBar">
</style>
<style name="ToolbarTextAppearance" parent="TextAppearance.AppCompat.Title">
<item name="android:fontFamily">@font/nunito_bold</item>
</style>
使用之前定义的代码,我可以获得这些更改。但正如我提到的,我想将其定义为我的应用程序主题的一部分,例如 material 按钮。
我试过用这个但没成功:
<style name="BaseTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
...
<item name="appBarLayoutStyle">@style/ToolbarTheme</item>
<item name="toolbarStyle">@style/ToolbarTheme</item>
</style>
这段代码对我来说很好用:
<resources>
<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<item name="appBarLayoutStyle">@style/AppTheme.AppBarOverlay</item>
<item name="toolbarStyle">@style/AppTheme.Toolbar</item>
</style>
<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.MaterialComponents.Dark.ActionBar">
<item name="android:background">?colorPrimary</item>
</style>
<style name="AppTheme.Toolbar" parent="Widget.MaterialComponents.Toolbar">
<item name="titleTextAppearance">@style/TextAppearance.MaterialComponents.Body1</item>
</style>
</resources>
在样式文件中添加:
<style name="MyToolbarStyle" parent="@android:style/TextAppearance.Medium">
<item name="android:textColor">?attr/color_text_primary</item>
<item name="android:textSize">20sp</item>
<item name="android:fontFamily">sans-serif-smallcaps</item>
</style>
然后在你的 MainActivity class:
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
toolbar.setTitleTextAppearance(this, R.style.MyToolbarStyle);
您可以在您的应用主题中添加 toolbarStyle
属性:
<style name="BaseTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<item name="toolbarStyle">@style/MyToolbar</item>
</style>
然后定义您的自定义样式:
<style name="MyToolbar" parent="@style/Widget.MaterialComponents.Toolbar">
<item name="titleTextAppearance">@style/MyToolbartitleTextAppearance</item>
</style>
<style name="MyToolbartitleTextAppearance" parent="@style/TextAppearance.MaterialComponents.Headline6">
...
<item name="fontFamily">....</item>
<item name="android:fontFamily">....</item>
</style>
在您的布局中使用 com.google.android.material.appbar.MaterialToolbar
。
要为 AppBarLayout
全局定义样式,请在您的应用主题中使用该属性(在您的情况下,您不清楚要自定义什么)。
<item name="appBarLayoutStyle">@style/...</item>
目前我正在使用 material 组件和 material 主题:
<style name="BaseTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
...
...
<item name="materialButtonStyle">@style/Button</item>
</style>
我能够使用 materialButtonStyle 为每个按钮定义样式,我想知道是否可以为工具栏实现相同的样式。
这真的很重要:这个想法是为了避免在应用栏或工具栏组件中定义样式/主题,而只是使用它来获取应用主题定义的样式。
我想避免这种情况:
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appbar"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:theme="@style/ToolbarTheme">
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:titleTextAppearance="@style/ToolbarTextAppearance"
tools:title="Title" />
</com.google.android.material.appbar.AppBarLayout>
在主题内部我希望能够指定字体样式和文本外观。
这些是我的风格:
<style name="ToolbarTheme" parent="ThemeOverlay.MaterialComponents.Dark.ActionBar">
</style>
<style name="ToolbarTextAppearance" parent="TextAppearance.AppCompat.Title">
<item name="android:fontFamily">@font/nunito_bold</item>
</style>
使用之前定义的代码,我可以获得这些更改。但正如我提到的,我想将其定义为我的应用程序主题的一部分,例如 material 按钮。
我试过用这个但没成功:
<style name="BaseTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
...
<item name="appBarLayoutStyle">@style/ToolbarTheme</item>
<item name="toolbarStyle">@style/ToolbarTheme</item>
</style>
这段代码对我来说很好用:
<resources>
<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<item name="appBarLayoutStyle">@style/AppTheme.AppBarOverlay</item>
<item name="toolbarStyle">@style/AppTheme.Toolbar</item>
</style>
<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.MaterialComponents.Dark.ActionBar">
<item name="android:background">?colorPrimary</item>
</style>
<style name="AppTheme.Toolbar" parent="Widget.MaterialComponents.Toolbar">
<item name="titleTextAppearance">@style/TextAppearance.MaterialComponents.Body1</item>
</style>
</resources>
在样式文件中添加:
<style name="MyToolbarStyle" parent="@android:style/TextAppearance.Medium">
<item name="android:textColor">?attr/color_text_primary</item>
<item name="android:textSize">20sp</item>
<item name="android:fontFamily">sans-serif-smallcaps</item>
</style>
然后在你的 MainActivity class:
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
toolbar.setTitleTextAppearance(this, R.style.MyToolbarStyle);
您可以在您的应用主题中添加 toolbarStyle
属性:
<style name="BaseTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<item name="toolbarStyle">@style/MyToolbar</item>
</style>
然后定义您的自定义样式:
<style name="MyToolbar" parent="@style/Widget.MaterialComponents.Toolbar">
<item name="titleTextAppearance">@style/MyToolbartitleTextAppearance</item>
</style>
<style name="MyToolbartitleTextAppearance" parent="@style/TextAppearance.MaterialComponents.Headline6">
...
<item name="fontFamily">....</item>
<item name="android:fontFamily">....</item>
</style>
在您的布局中使用 com.google.android.material.appbar.MaterialToolbar
。
要为 AppBarLayout
全局定义样式,请在您的应用主题中使用该属性(在您的情况下,您不清楚要自定义什么)。
<item name="appBarLayoutStyle">@style/...</item>