更改工具栏中的标题颜色?

问题描述 投票:29回答:15

我有一个工具栏,我使用,并设置标题:

((ActionBarActivity)getActivity()).getSupportActionBar().setTitle("Home");

有没有办法将颜色从黑色变为白色?

我尝试制作自己的主题并在xml中设置它,但没有骰子:

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme2" parent="Theme.AppCompat">
        <item name="android:windowNoTitle">true</item>
        <item name="windowActionBar">false</item>
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primary_dark</item>
        <item name="colorAccent">@color/accent</item>
        <item name="android:textColorPrimary">@color/primary_text</item>
        <item name="android:textColorSecondary">@color/secondary_text</item>

    </style>

    <style name="Widget.MyApp.ActionBar" parent="Widget.AppCompat.ActionBar">
        <item name="android:background">@color/primary</item>
        <item name="theme">@style/ThemeOverlay.MyApp.ActionBar</item>
        <item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item>
    </style>

    <style name="ThemeOverlay.MyApp.ActionBar" parent="ThemeOverlay.AppCompat.ActionBar">
        <item name="android:textColorPrimary">#FFFFFF</item>
    </style>



</resources>

XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#e5e5e5"
    android:orientation="vertical" >

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:minHeight="?attr/actionBarSize"
        android:background="@color/primary"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@style/Widget.MyApp.ActionBar">

        <Spinner
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/statsSpin"
            android:spinnerMode="dropdown"
            android:textColor="#FFFFFF"/>


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



    <ListView
        android:id="@+id/yourStats"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:dividerHeight="0px"
        android:divider="@null"

        >
    </ListView>



</LinearLayout>
android android-theme android-toolbar
15个回答
48
投票

编程方式:

toolbar.setTitleTextColor(0xFFFFFFFF);

0
投票

它可以以编程方式进行更改,如上所述。但是降低代码复杂度,你应该通过style.xml更改它首先创建attrs.xml到res / values文件夹下面比添加两个对attrs.xml文件夹的引用,如下所示

attrs.xml

 <?xml version="1.0" encoding="utf-8"?>
 <resources>
    <attr name="toolbar_theme" format="reference" />
    <attr name="toolbar_theme_title" format="reference" />
</resources>

定义引用后,在style.xml中创建一个样式,如下所示

style.xml

<style name="CustomTheme" parent="Theme.AppCompat.Light.NoActionBar">
      <item name="colorPrimary">#00A4E4</item>
      <item name="colorPrimaryDark">#AB0634</item>
      <item name="colorAccent">#AB0634</item>
      <item name="toolbar_theme">@style/CustomTheme.Toolbar</item>
      <item name="toolbar_theme_title">@style/CustomTheme.Toolbar.Title</item>
      <item name="android:textColorPrimary">@color/black</item>
      <item name="android:textColorSecondary">@android:color/black</item>
      <item name="windowActionModeOverlay">true</item>
</style>

<style name="CustomTheme.Toolbar" parent="ThemeOverlay.AppCompat.ActionBar">
     <!-- if you have a navigationdrawer you change it color also -->
     <item name="colorControlNormal">#AB0634</item>
</style>

<style name="CustomTheme.Toolbar.Title" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
     <!-- Set title size -->
     <item name="android:textSize">@dimen/abc_text_size_title_material_toolbar</item>
     <!-- Set title color -->
     <item name="android:textColor">#AB0634</item>
</style>

现在我们在attrs.xml中创建了toolbar_theme和toolbar_theme_title引用,而不是在style.xml中为我们的自定义主题提供这些引用

最后,我们将此引用提供给下面的工具栏

<android.support.v7.widget.Toolbar
     android:id="@+id/toolbar"
     android:layout_width="match_parent"
     android:layout_height="?attr/actionBarSize"
     android:background="?attr/colorPrimary"
     android:theme="?attr/toolbar_theme"
     app:titleTextAppearance="?attr/toolbar_theme_title"
     android:elevation="4dp"
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

而已。您可以以编程方式提供此主题,也可以在androidmanifest.xml中设置如下所示。

编程

 public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    setTheme(R.style.CustomTheme); // (for Custom theme)
    this.setContentView(R.layout.myactivity);

AndroidManifest.xml中

 <application
     android:theme="@style/CustomTheme">

要么

 <activity
     android:theme="@style/CustomTheme">

0
投票

您可以通过扩展Widget.AppCompat.Toolbar并设置titleTextAppearance和subtitleTextAppearance属性来定义自定义工具栏样式。这样,您可以更改工具栏的标题和副标题的颜色和文本大小,以供参考http://www.zoftino.com/android-toolbar-tutorial

<style name="MyAppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="toolbarStyle">@style/MyToolBarStyle</item>
    </style>
    <style name="MyToolBarStyle" parent="Widget.AppCompat.Toolbar">
        <item name="titleTextAppearance">@style/MyTitleTextAppearance</item>
        <item name="subtitleTextAppearance">@style/MySubTitleTextAppearance</item>
    </style>
    <style name="MyTitleTextAppearance" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
        <item name="android:textSize">25dp</item>
        <item name="android:textColor">#ff3d00</item>
    </style>
    <style name="MySubTitleTextAppearance" parent="TextAppearance.Widget.AppCompat.Toolbar.Subtitle">
        <item name="android:textSize">20dp</item>
        <item name="android:textColor">#1976d2</item>
    </style>

0
投票

您可以使用属性actionBarTheme更改操作栏的主题,如下所示。尽管它已经在API级别21中添加,但它似乎与旧的API兼容。

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="actionBarTheme">@style/AppTheme.AppBarOverlay</item>
</style>

0
投票

在Kotlin,使用Sandip的答案:

with(getSupportActionBar()) {
        val titleText: String = title.toString()
        setTitle(Html.fromHtml("<font color='#746E66'>" + titleText + "</font>"))
    }

0
投票

您可以使用以下代码以编程方式更改它。

toolbar.setTitleTextColor(android.graphics.Color.WHITE);

0
投票

在android.support.v7.widget.Toolbar里面,添加以下行:

local:titleTextColor="@color/the_color_you_want"

24
投票

根据AppCompat的创建者Theme vs Style blog postversion 21 of AppCompat上的帖子,可以通过将Toolbar添加到android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"的XML中来完成DarkActionBar工具栏(即具有深色背景和浅色文本的Toolbar):

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:minHeight="?attr/actionBarSize"
    android:background="@color/primary"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

    <Spinner
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/statsSpin"
        android:spinnerMode="dropdown"/>


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

这会将文本颜色和默认颜色更改为许多属性(例如您的Spinner到浅色背景所需的浅色文本。


19
投票

在应用程序基础主题中创建一个新样式

  <style name="custom_toolbar" parent="@style/Widget.AppCompat.Toolbar">
        <item name="titleTextColor">#replace with color</item>
  </style>

并使用工具栏的样式

  <item name="toolbarStyle">@style/custom_toolbar</item>

9
投票

我知道有很多答案超过希望,它会帮助那些不理解上述答案的人。

Android有一个名为Toolbar的视图。此视图的标题始终为color.xml资源的默认颜色,项目名称为重音。您可以通过两种方式更改工具栏颜色。

  1. 通过xml,我建议你这样做,下面你可以看到例子 <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:titleTextColor="@color/White" />Here you can change it.Remember APP attribute not ANDROID
  2. 通过编程方式在活动或片段中。 Toolbar toolbar = (Toolbar)findViewById(R.id.toolbar); toolbar.setTitleTextColor(ContextCompat.getColor(this, R.color.colorAccent));

6
投票

如果您只想更改标题文字颜色,请试试这个..

getSupportActionBar().setTitle(Html.fromHtml("<font color='#746E66'>"+titleText+"</font>"));

有用..!!


0
投票

扩展tachyonflux,用HEX设置颜色

 toolbar.setTitleTextColor(Color.parseColor("#519c3f"));

0
投票

toolbar.setTitleTextColor(getResources()的getColor(R.color.black));

(工具栏是你在acitivyt类中给你的工具栏命名的名称)(在你的颜色值xml中设置你想要的颜色并将它引用到你选择的颜色名称,如此处所示,我保留了一些主要颜色的正常名称)我有一段时间自己想出这个,但这是我能让它工作的唯一方法,ThemEditor应该允许这个,但它就是它的本质。


0
投票

在xml中:

app:titleTextColor =“@ color / White”as

<android.support.v7.widget.Toolbar
    android:id="@+id/tb_top"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:theme="@style/AppTheme.DarkToolbar"
    app:titleTextColor="@color/White" />

0
投票

使用此代码

<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" />
© www.soinside.com 2019 - 2024. All rights reserved.