web-dev-qa-db-ja.com

ツールバーのテキストと戻る矢印の色を設定する方法

ツールバーの背景色が濃いので、テキストと後ろ矢印を白にします。フォローしてみましたが、うまくいきません。

<style name="Theme.MyTheme" parent="Theme.AppCompat.Light.NoActionBar">

        <item name="colorPrimary">@color/blue</item>
        <item name="colorPrimaryDark">@color/blue_darker</item>
        <item name="colorAccent">@color/purple</item>
        <!-- item name="Android:textColorPrimary">@color/white</item--> // I don't want to set this, changes everywhere. 
        <item name="Android:textColorSecondary">@color/white</item>
        <item name="Android:toolbarStyle">@style/AppTheme.ToolbarStyle</item>
        <item name="toolbarStyle">@style/AppTheme.ToolbarStyle</item>

        <item name="drawerArrowStyle">@style/AppTheme.DrawerArrowStyle</item>

    </style>

    <style name="AppTheme.ToolbarStyle" parent="Base.Widget.AppCompat.Toolbar">
        <!--<item name="actionOverflowButtonStyle">@style/AppTheme.OverflowButtonStyle</item>-->
        <item name="Android:textColor">@color/white</item> // doesn't work
        <item name="titleTextAppearance">@style/TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse</item>
        <item name="Android:titleTextAppearance">@style/TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse</item>
        <item name="subtitleTextAppearance">@style/TextAppearance.Widget.AppCompat.Toolbar.Subtitle</item>
    </style>
androidtoolbar
100
Taranfx

あなたは間違った親から伸びているのでしょう。そうでない場合は、テーマの設定を上書きしたい場合は、styleを直接toolbarレイアウトに追加してみてください。

ツールバーのレイアウトでは：

 <Android.support.v7.widget.Toolbar
      xmlns:Android="http://schemas.Android.com/apk/res/Android"
      xmlns:app="http://schemas.Android.com/apk/res-auto"
      Android:id="@+id/toolbar"
      Android:layout_width="match_parent"
      Android:layout_height="?attr/actionBarSize"
      Android:minHeight="?attr/actionBarSize"
      app:theme="@style/ToolBarStyle"
      app:popupTheme="@style/ToolBarPopupStyle"
      Android:background="@color/actionbar_color" />

あなたのスタイルでは：

 <!-- ToolBar -->
  <style name="ToolBarStyle" parent="Theme.AppCompat">
      <item name="Android:textColorPrimary">@Android:color/white</item>
      <item name="Android:textColorSecondary">@Android:color/white</item>
      <item name="actionMenuTextColor">@Android:color/white</item>      
      <item name="actionOverflowButtonStyle">@style/ActionButtonOverflowStyle</item>
      <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
 </style>
138
vhuynh

以下をtoolbar.xmlとして追加してください。

<?xml version="1.0" encoding="utf-8"?>
<Android.support.v7.widget.Toolbar
    xmlns:Android="http://schemas.Android.com/apk/res/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:fitsSystemWindows="true"
    Android:minHeight="?attr/actionBarSize"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    Android:background="?attr/colorPrimary">

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

それからあなたが必要としたレイアウトで

<include layout="@layout/toolbar"/>

楽しい

111
yubaraj poudel

内部活動、あなたは使用することができます

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    toolbar.setTitleTextColor(getResources().getColor(Android.R.color.white));

タイトルの色と後ろ向きの白の両方にxmlを選択したい場合は、style.xmlにこのスタイルを追加してください。

 <style name="ToolBarStyle" parent="Theme.AppCompat">
    <item name="Android:textColorPrimary">@Android:color/white</item>
    <item name="Android:textColorSecondary">@Android:color/white</item>
    <item name="actionMenuTextColor">@Android:color/white</item>
</style>

そしてツールバーは次のようになります。

 <Android.support.v7.widget.Toolbar
        Android:id="@+id/toolbar"
        Android:layout_width="match_parent"
        app:theme="@style/ToolBarStyle"
        Android:layout_height="?attr/actionBarSize"
  />
50
Shihab Uddin

この解決法は簡単かもしれません。しかしそれはより高いAPIバージョン（23）を必要とします。このコードをツールバーのXMLに追加するだけです。

<Toolbar
    Android:id="@+id/toolbar"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:minHeight="?android:attr/actionBarSize"
    Android:background="?android:attr/colorPrimary"
    Android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    Android:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    Android:titleTextColor="#ffffffff" />
13
Tom Esendam
<Android.support.design.widget.AppBarLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <Android.support.v7.widget.Toolbar
            Android:id="@+id/toolbar"
            Android:layout_width="match_parent"
            Android:layout_height="?attr/actionBarSize"
            Android:background="?attr/colorPrimaryDark"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</Android.support.design.widget.AppBarLayout>
8
shantanu

AndroidX（2019年7月現在）を使用している場合、以下を追加できます。

<androidx.appcompat.widget.Toolbar
  Android:id="@+id/toolbar"
  Android:layout_width="match_parent"
  Android:layout_height="match_parent"
  app:layout_collapseMode="pin"
  app:theme="@style/ThemeOverlay.MaterialComponents.Dark.ActionBar"
  app:popupTheme="@style/ThemeOverlay.MaterialComponents.Light"/>

注意！これは、ToolbarがAppBarLayout内ではなくCollapsingToolbarLayout内に直接配置されている場合に機能することがテストされています

6
Denis Dmitrienko
<Android.support.v7.widget.Toolbar xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:app="http://schemas.Android.com/apk/res-auto"
Android:id="@+id/toolbar"
Android:layout_width="match_parent"
Android:layout_height="?attr/actionBarSize"
Android:background="@color/actionBar"
app:titleTextAppearance="@style/ToolbarTitleText"
app:theme="@style/ToolBarStyle">

<TextView
    Android:id="@+id/title"
    style="@style/ToolbarTitleText"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_gravity="center"
    Android:text="hh"/>

<!-- ToolBar -->
<style name="ToolBarStyle" parent="Widget.AppCompat.Toolbar">
    <item name="actionMenuTextColor">#ff63BBF7</item>
</style>

アプリを使用：theme = "@ style/ToolBarStyle"

参考資料：http：//blog.csdn.net/wyyl1/article/details/45972371

6
Huang Jinlong

この方法は私を助けました。

<style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primaryDark</item>
        <item name="colorAccent">@color/highlightRed</item>
        <item name="actionBarTheme">@style/ToolbarStyle</item>
</style>

<style name="ToolbarStyle" parent="Widget.AppCompat.ActionBar">
        <item name="Android:textColorPrimary">@color/white</item>
</style>
5
Руслан Кушалиев

XMLファイルでこれを試してください

<Android.support.v7.widget.Toolbar
        Android:id="@+id/toolbar"
        app:titleTextColor="@color/colorAccent"
        app:theme="@style/ToolbarColoredBackArrow"
        app:subtitleTextColor="@color/colorAccent"
        Android:layout_width="match_parent"
        Android:layout_height="?attr/actionBarSize"
        Android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

そしてこれをあなたのcolors.xmlファイルに追加してください。

    <color name="colorAccent">YOUR_COLOR</color>
3
Faxriddin Abdullayev

多くのメソッドを試してみてください。APIのローバージョンでは、実現可能なメソッドは<item name="actionMenuTextColor">@color/your_color</item>であり、Android名前空間を使用しないでください

ps：

  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

    <!-- change the textColor -->
    <item name="actionMenuTextColor">@color/actionMenuTextColor</item>
</style>
1
BoBoMEe

Android Studiosによって作成されたアクティビティテンプレートに従う場合、AppBarOverlayというAndroidテーマを持つ必要があるのはAppBarLayoutです。これは、styles.xmlで定義する必要があります。それはあなたの白い色toobar/actionbar色のテキストをあなたに与えるはずです。

<Android.support.design.widget.AppBarLayout
    Android:id="@+id/app_bar"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:theme="@style/AppTheme.AppBarOverlay">  ...

Styles.xmlに、以下が存在することを確認してください。

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
1
Yaojin

この行をtoolbarタグに追加します。 100％Androidの動作：theme = "@ style/Theme.AppCompat.Light.DarkActionBar"

1
Gurwinder Singh

プレースホルダを使用したので、継承を元のスタイルから維持することをお勧めします。

前

<Android.support.v7.widget.Toolbar
    Android:id="@+id/toolBar"
    Android:layout_width="match_parent"
    Android:layout_height="?attr/actionBarSize"
    Android:background="?attr/colorPrimary"
    Android:elevation="4dp"
    Android:theme="@style/{{originalBaseStyle}}"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

後：

styles.xml

<style name="{{yourToolbarStyle}}" parent="{{originalBaseStyle}}">
    <item name="Android:textColorPrimary">@Android:color/white</item>
    <item name="Android:textColorSecondary">@Android:color/white</item>
    <item name="actionMenuTextColor">@Android:color/white</item>
    <item name="actionOverflowButtonStyle">@style/ActionButtonOverflowStyle</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

だから

<Android.support.v7.widget.Toolbar
    Android:id="@+id/toolBar"
    Android:layout_width="match_parent"
    Android:layout_height="?attr/actionBarSize"
    Android:background="?attr/colorPrimary"
    Android:elevation="4dp"
    Android:theme="@style/{{yourToolbarStyle}}"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
1
Juan Mendez

最新のAndroid Studio 3.0を使用してActivityクラスを生成する場合は、スタイルファイルで次のように変更します。

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

これに：

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.ActionBar" />
0
muruthi