Android工具栏样式

时间:2014-10-26 20:24:44

标签: android styles android-5.0-lollipop android-toolbar

我在Lollipop项目中添加了Toolbar。但是,我在设置Toolbar时遇到了问题。 Toolbar中的标题似乎有粗体字,但我希望它是斜体。知道怎么做到这一点?我试过玩actionbar-style,没有运气。

我在Toolbar上使用app:theme="@style/toolbar"设置了一种风格,而@style/toolbar(父ThemeOverlay.AppCompat.ActionBar}是我正在玩的地方,没有任何好结果。< / p>

5 个答案:

答案 0 :(得分:10)

实际上这很容易。工具栏上有一个名为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);

瞧!

答案 1 :(得分:5)

您可以在工具栏中添加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 :(得分:5)

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>

答案 3 :(得分:2)

上述问题仅发生在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的{​​{1}}方法,以跳过Lollipop的预定义Toolbar

TitleTextAppearance

答案 4 :(得分:-4)

您可以将主题应用于工具栏,如下所示:

<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属性,就可以了。