17

我在Toolbar我的 Lollipop 项目中添加了一个。但是，我在样式化Toolbar. 我的标题Toolbar似乎有一个粗体，但我希望它是斜体。知道如何实现这一目标吗？我试过玩弄actionbar-style，没有运气。

我已经在 with 上设置了一种风格，Toolbar而app:theme="@style/toolbar"我的@style/toolbar(parent ThemeOverlay.AppCompat.ActionBar) 是我正在玩的地方，但没有好的结果。

4

5 回答 5

11

这实际上很容易。Toolbar 上有一个名为 setTitleTextAppearance() 的方法，似乎每个人都忽略了它。只需在 styles.xml 中定义您的自定义 textAppearance，例如：

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

瞧！

于 2015-07-02T02:43:18.970 回答
8

工具栏标题是可设置样式的。您进行的任何自定义都必须在主题中进行。我给你举个例子。

工具栏布局：

<?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>
于 2015-02-17T08:01:49.650 回答
7

您可以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>
于 2014-10-27T05:48:49.957 回答
3

上述问题只出现在 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以跳过 Lollipop 的预定义TitleTextAppearance.

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);
    }
}
于 2015-05-04T18:39:54.313 回答
-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属性，就可以了。

于 2014-10-27T16:30:30.990 回答