17

ToolbarLollipop プロジェクトに を追加しました。ただし、スタイリングに問題がありToolbarます。のタイトルがToolbar太字のように見えますが、斜体にしたいです。これを達成する方法はありますか？で遊んでみましたがactionbar-style、運が悪いです。

Toolbarwithにスタイルを設定しましたがapp:theme="@style/toolbar"、私の@style/toolbar(parent ThemeOverlay.AppCompat.ActionBar) は、良い結果が得られずに遊んでいる場所です。

4

5 に答える 5

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 に答える
3

上記の問題は Lollipop バージョンでのみ発生し、Kitkat 以前のバージョンでは発生しません。Lollipop はテキスト スタイルに従わず、独自のTitleTextAppearance. したがって、 (以下に示す) に独自のTextView子を追加しても、はスタイルをオーバーライドします。Toolbarandroid.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オーバーライドして、Lollipop の事前定義された をスキップします。setTitleToolbarTitleTextAppearance

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 に答える