在工具栏 - Android中更改标题的颜色和大小

时间:2018-04-14 14:15:47

标签: android android-layout android-resources

我试图更改工具栏的标题颜色和大小,但没有任何反应。我到处搜索,似乎什么都没有用。我使用minsdk 19 api。这是我的代码:代码:代码:

**activity.main.xml**

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

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        />

</android.support.design.widget.AppBarLayout>

**style.xml**

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/primaryColor</item>
    <item name="colorPrimaryDark">@color/primaryDarkColor</item>
    <!--<item name="colorAccent">@color/primaryLightColor</item>-->
    <item name="android:textColor">@color/primaryTextColor</item>
</style>

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

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

    <item name="actionBarStyle">@style/MyTitleTextStyle</item>

</style>
<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />


<style name="MyTitleTextStyle" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
    <item name="android:textColor">@color/primaryColor</item>
</style>

</resources>

先谢谢

3 个答案:

答案 0 :(得分:1)

很好地解释了here。将其添加到工具栏:

app:titleTextAppearance="@style/Toolbar.TitleText"

为它创造一种风格:

<style name="Toolbar.TitleText" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
    <item name="android:textColor">#FFFFFF</item>
</style>

答案 1 :(得分:1)

实现巡回目标的简便方法是在工具栏中将Textview作为标题,然后选择尺寸和颜色

 <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        >
<Textview 
  android:layout_width="wrap_parent"
 android:layout_height="wrap_parent"/>


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

答案 2 :(得分:0)

您也可以试试这个。这样您就可以控制textsize

ActionBarTextAppearance

中定义style.xml
  <style name="ActionBarTextAppearance" parent="@android:style/TextAppearance.Medium">
        <item name="android:textSize">30sp</item>
        <item name="android:textColor">#ec1212</item>
        <item name="android:textStyle">bold</item>
  </style>

然后在main.xml

中使用
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    app:titleTextAppearance="@style/ActionBarTextAppearance"
  />