Как указать тему панели инструментов в теме приложения в Android? - PullRequest
Новая
       90

Как указать тему панели инструментов в теме приложения в Android?

0 голосов
/ 07 ноября 2019

В настоящее время я использую компоненты материала и тему материала: 

  <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>

Используя код, определенный ранее, я могу получить эти изменения. Но, как я уже упоминал, я хочу определить это как часть моей темы приложения, например кнопку материала.

Я пытался использовать это, но мне это не удалось: 

<style name="BaseTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    ...
    <item name="appBarLayoutStyle">@style/ToolbarTheme</item>
    <item name="toolbarStyle">@style/ToolbarTheme</item>
</style>

Ответы [ 3 ]

1 голос
/ 07 ноября 2019

Вы можете добавить в тему своего приложения атрибут 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>
1 голос
/ 07 ноября 2019

Этот код работает для меня просто отлично: 

<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>
0 голосов
/ 07 ноября 2019

В файле стилей добавьте это: 

     <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: 

     Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
     setSupportActionBar(toolbar); 
     toolbar.setTitleTextAppearance(this, R.style.MyToolbarStyle);
...