Стиль панели инструментов Android

Я добавил Toolbar к моему проекту Lollipop. Тем не менее, у меня возникли проблемы с стилем Toolbar. Мой заголовок в Toolbar, кажется, имеет жирный шрифт, но я бы хотел, чтобы он был выделен курсивом. Есть идеи, как это сделать? Я пробовал играть с actionbar-style, не повезло.

Я установил стиль в Toolbar с app:theme="@style/toolbar", а мой @style/toolbar (parent ThemeOverlay.AppCompat.ActionBar) - это то, где я играю без хороших результатов.

Ответы

Ответ 1

Вы можете добавить TextView внутри панели инструментов, например:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/re/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary" >

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textStyle="italic" />

</android.support.v7.widget.Toolbar>

Ответ 2

Это действительно очень просто. Там есть метод на панели инструментов, называемый setTitleTextAppearance(), который, как представляется, игнорируется. Просто определите свой пользовательский textAppearance в styles.xml, например:

    <style name="MyTitleTextApperance" parent="@android:style/TextAppearance.Medium">
    <item name="android:textColor">@android:color/white</item>
    <item name="android:textSize">20sp</item>
</style>

а затем в вашем коде вы просто вызываете:

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

и вуаля!

Ответ 3

Заголовок ToolBar является стильным. Любая настройка, которую вы делаете, должна быть сделана в теме. Я приведу вам пример.

Макет панели инструментов

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    style="@style/ToolBarStyle.Event"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="@dimen/abc_action_bar_default_height_material" />

Стили:

<style name="ToolBarStyle" parent="ToolBarStyle.Base"/>

<style name="ToolBarStyle.Base" parent="">
    <item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item>
    <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
</style>

<style name="ToolBarStyle.Event" parent="ToolBarStyle">
    <item name="titleTextAppearance">@style/TextAppearance.Widget.Event.Toolbar.Title</item>
</style>

<style name="TextAppearance.Widget.Event.Toolbar.Title" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
    <!--Any text styling can be done here-->
    <item name="android:textStyle">normal</item>
    <item name="android:textSize">@dimen/event_title_text_size</item>
</style>

Ответ 4

Упомянутая выше проблема возникает только в версиях Lollipop, а не в Kitkat и более ранних версиях. Lollipop не следует стилю текста и помещает свой собственный TitleTextAppearance. Таким образом, даже если вы добавите свой собственный дочерний TextView для Toolbar (см. Ниже), android.support.v7.widget.Toolbar все равно отменит ваши стили.

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:theme="@style/someToolbarStyle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/title"
        android:textAppearance="@style/TextAppearance.AppCompat.Title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</android.support.v7.widget.Toolbar>

Чтобы окончательно решить эту проблему, поместите свой собственный TextView для заголовка и переопределите методы setTitle Toolbar чтобы пропустить предопределенный TitleTextAppearance Lollipop.

public class YourCustomToolbar extends Toolbar {

    public YourCustomToolbar (Context context) {
        super(context);
    }

    public YourCustomToolbar (Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public YourCustomToolbar (Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
     }

    @Override
    public void setTitle(CharSequence title) {
        ((TextView) findViewById(R.id.title)).setText(title);
    }

    @Override
    public void setTitle(int title) {
        ((TextView) findViewById(R.id.title)).setText(title);
    }
}

Ответ 5

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

<android.support.v7.widget.Toolbar  
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="56dp"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

Просто измените стиль в styles.xml, изменив атрибут TextAppearance, и вам должно быть хорошо идти.