it-swarm.com.ru

Цвет текста ActionBar

как я могу изменить цвет текста панели действий? Я унаследовал тему Light Holo, я могу изменить фон ActionBar, но я не выяснил, что является атрибутом Tweak для изменения цвета текста.


Хорошо, я могу изменить цвет текста с помощью атрибута Android: textColorPrimary, но он также меняет цвет текста раскрывающегося меню, отображаемого при переполнении кнопок ActionBar. Есть идеи, как изменить цвет выпадающего меню/списка?

256
rnoway

Хорошо, я нашел лучший способ. Теперь я могу изменить только цвет заголовка. Вы также можете настроить субтитры.

Вот мой styles.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <style name="MyTheme" parent="@Android:style/Theme.Holo.Light">
    <item name="Android:actionBarStyle">@style/MyTheme.ActionBarStyle</item>
  </style>

  <style name="MyTheme.ActionBarStyle" parent="@Android:style/Widget.Holo.Light.ActionBar">
    <item name="Android:titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
  </style>

  <style name="MyTheme.ActionBar.TitleTextStyle" parent="@Android:style/TextAppearance.Holo.Widget.ActionBar.Title">
    <item name="Android:textColor">@color/red</item>
  </style>
</resources>
434
rnoway

Я нашел способ, который хорошо работает с любой разновидностью ActionBar (Sherlock, Compat и Native):

Просто используйте html, чтобы установить заголовок и указать цвет текста. Например, чтобы установить цвет текста ActionBar на красный, просто сделайте это:

getActionBar()/* or getSupportActionBar() */.setTitle(Html.fromHtml("<font color=\"red\">" + getString(R.string.app_name) + "</font>"));

Вы также можете использовать красный шестнадцатеричный код #FF0000 вместо Word red. Если у вас возникли проблемы с этим, см. Android Html.fromHtml (String) не работает для <font color = '#'> текста </ font> .


Кроме того, если вы хотите использовать цветовой ресурс, этот код можно использовать для получения правильной строки HEX и удаления альфа, если необходимо (тег font не поддерживает альфа):

int orange = getResources().getColor(R.color.orange);
String htmlColor = String.format(Locale.US, "#%06X", (0xFFFFFF & Color.argb(0, Color.red(orange), Color.green(orange), Color.blue(orange))));
93
Phil

У меня была та же проблема, что и у вас, это тема Holo.Light, но я хотел стилизовать цвет ActionBar, поэтому мне нужно было также изменить цвет текста, а также заголовок и меню. Итак, в конце я пошел в git hub и просматривал исходный код, пока не нашел чертовски правильный стиль:

<?xml version="1.0" encoding="utf-8"?>
<!-- For honeycomb and up -->
<resources>

    <style name="myTheme" parent="@Android:style/Theme.Holo.Light">
        <item name="Android:actionBarStyle">@style/myTheme.ActionBar</item>
        <item name="Android:actionMenuTextColor">@color/actionBarText</item>
    </style>

    <style name="myTheme.ActionBar" parent="@Android:style/Widget.Holo.Light.ActionBar">
        <item name="Android:background">@drawable/actionbarbground</item>
        <item name="Android:titleTextStyle">@style/myTheme.ActionBar.Text</item>
    </style>

    <style name="myTheme.ActionBar.Text" parent="@Android:style/TextAppearance">
        <item name="Android:textColor">@color/actionBarText</item>
    </style>

</resources>

так что теперь все, что вам нужно сделать, это установить любой @color/actionBarText и @drawable/actionbarbground, который вы хотите!

92
Budius

Идентификатор ActionBar не доступен напрямую, так что вам придется немного взломать здесь.

int actionBarTitleId = Resources.getSystem().getIdentifier("action_bar_title", "id", "Android");
if (actionBarTitleId > 0) {
    TextView title = (TextView) findViewById(actionBarTitleId);
    if (title != null) {
        title.setTextColor(Color.RED);
    }
}
66
Abhishek Chauhan

Добавьте его в корень панели действий. У меня была эта проблема. 

<style name="ActionBar" parent="@style/Theme.AppCompat.Light">
    <item name="actionBarStyle">@style/Widget.Styled.ActionBar</item>
    <item name="actionMenuTextColor">@color/stdDarkBlueText</item>
</style>

<style name="Widget.Styled.ActionBar" parent="@style/Widget.AppCompat.Light.ActionBar">
    <item name="titleTextStyle">@style/ActionBarTitleText</item>
    <item name="subtitleTextStyle">@style/ActionBarSubTitleText</item>
</style>

<style name="ActionBarTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
    <item name="Android:textColor">@color/stdDarkBlueText</item>
    <item name="Android:textSize">12sp</item>
</style>

<style name="ActionBarSubTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Subtitle">
    <item name="Android:textColor">@color/stdDarkBlueText</item>
    <item name="Android:textSize">12sp</item>
</style>

actionMenuTextColor - изменяет цвет текста для текста панели действий, он никогда не работал, когда он был частью Widget.Styled.ActionBar, поэтому мне пришлось добавить его в корень. Другие 2 атрибута изменяют заголовок и подзаголовок панели действий.

26
Nabdreas

я сделал простой однострочный код 

actionBar.setTitle(Html.fromHtml("<font color='#ff0000'>ActionBartitle </font>"));
26
MilapTank

Это старая тема, но для будущих читателей с помощью панели инструментов все очень просто:

Toolbar toolbar = (Toolbar) findViewById(R.id.tool_bar);
toolbar.setTitle(R.string.app_name);
toolbar.setTitleTextColor(getResources().getColor(R.color.someColor));
setSupportActionBar(toolbar);
23
Masoud Dadashi

Установка строки HTML на панели действий не работает для темы Материал в SDK v21 +

Если вы хотите изменить его, вы должны установить основной цвет текста в вашем style.xml

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Android:Theme.Material.Light">
        <!-- Customize your theme here. -->
        <item name="Android:textColorPrimary">@color/actionbar-text-color</item>
    </style>
</resources>    
16
Koen Hendriks

Если вы хотите также стилизовать субтитры, просто добавьте их в свой собственный стиль.

<item name="Android:subtitleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>

Люди, которые хотят получить тот же результат для библиотеки AppCompat, вот что я использовал:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="CustomActivityTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
        <item name="Android:actionBarStyle">@style/MyActionBar</item>
        <item name="actionBarStyle">@style/MyActionBar</item>
        <!-- other activity and action bar styles here -->
    </style>

    <!-- style for the action bar backgrounds -->
    <style name="MyActionBar" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="Android:background">@drawable/actionbar_background</item>
        <item name="background">@drawable/actionbar_background</item>
        <item name="Android:titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
        <item name="Android:subtitleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
        <item name="titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
        <item name="subtitleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
     </style>
    <style name="MyTheme.ActionBar.TitleTextStyle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="Android:textColor">@color/color_title</item>
      </style>
</resources>
12
Tarun

Самый простой способ сделать это в файле styles.xml.

Шаблон Google styles.xml в настоящее время генерирует следующее:

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

Если вы добавите еще одну строку перед закрывающим тегом, как показано, это изменит цвет текста на тот, который должен быть с темной панелью действий:

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

Если вы хотите настроить цвет на что-то другое, вы можете указать свой собственный цвет в colors.xml или даже использовать встроенный цвет из Android с помощью атрибута Android: textColorPrimary:

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


<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="Android:textColorPrimary">@Android:color/darker_gray</item>
</style>

Примечание. При этом изменяется цвет заголовка, а также заголовков любых элементов MenuItem, отображаемых на панели действий.

8
Sam

Это решение я использовал после проверки всех ответов

<!-- Base application theme. -->
<style name="AppTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorAccent">@color/Button_color</item>
    <item name="Android:editTextStyle">@style/EditTextStyle</item>
    <item name="Android:typeface">monospace</item>
    <item name="Android:windowActionBar">true</item>
    <item name="colorPrimary">@color/Title_Bar_Color</item>
    <item name="Android:actionBarStyle">@style/Widget.Styled.ActionBar</item>
    <item name="actionBarStyle">@style/Widget.Styled.ActionBar</item>

</style>

<style name="EditTextStyle" parent="Widget.AppCompat.EditText"/>

<style name="Widget.Styled.ActionBar" parent="@style/Widget.AppCompat.Light.ActionBar">
    <item name="titleTextStyle">@style/ActionBarTitleText</item>
    <item name="Android:background">@color/Title_Bar_Color</item>
    <item name="background">@color/Title_Bar_Color</item>
    <item name="subtitleTextStyle">@style/ActionBarSubTitleText</item>
</style>

<style name="ActionBarTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
    <item name="Android:textColor">@color/solid_white</item>
    <item name="Android:textSize">12sp</item>
</style>

<style name="ActionBarSubTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Subtitle">
    <item name="Android:textColor">@color/solid_white</item>
    <item name="Android:textSize">12sp</item>
</style>

Измените необходимые цвета, это будет работать

4
Smaran

Нашел способ сделать это красиво, не создавая свой собственный макет на API> = 21.

Он будет только раскрашивать тексты и управлять рисованием внутри панели действий.

Надеюсь, это будет полезно для кого-то.

<!--Material design primary colors-->
<style name="AppBaseTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="Android:navigationBarColor">@color/primary_dark</item>
    <item name="actionBarTheme">@style/AppBaseTheme.Toolbar</item>
</style>

<!--Action bar-->
<style name="AppBaseTheme.Toolbar" parent="Widget.AppCompat.ActionBar.Solid">
    <item name="Android:textColorPrimary">@color/action_bar_text</item>
    <item name="colorControlNormal">@color/action_bar_text</item>
</style>
4
reaper

Попробуйте добавить это в onCreate вашей деятельности. Работает практически на каждой версии Android.

 actionBar.setTitle(Html.fromHtml("<font color='#ffff00'>Your Title</font>"));  

или же

getSupportActionBar().setTitle(Html.fromHtml("<font color='#ffff00'>Your Title</font>"));
3
onexf

Многие ответы устарели, поэтому я обновлю тему и покажу, как изменить цвет текста и цвет фона на панели инструментов (панели инструментов) и во всплывающем меню панели действий.

Последний подход в Android (по состоянию на май 2018 г.) в работе с панелью действий (панель инструментов) - использовать тему с NoActionBar и использовать вместо нее панель инструментов.

так вот что вам нужно:

  1. В Activity (которая расширяет AppCompatActivity) объявляют панель инструментов:

    Toolbar myToolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(myToolbar);
    
  2. Добавьте панель инструментов в макет действия xml. Здесь мы установим наши пользовательские (перезаписанные темы), отметим Android:theme="@style/ThemeOverlay.AppTheme.ActionBar" и app:popupTheme="@style/ThemeOverlay.AppTheme.PopupMenu", они сделают свое дело.

    <Android.support.v7.widget.Toolbar
    Android:id="@+id/toolbar"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:minHeight="?attr/actionBarSize"
    Android:theme="@style/ThemeOverlay.AppTheme.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppTheme.PopupMenu"
    app:layout_constraintTop_toTopOf="parent" />
    
  3. В вашем файле styles.xml вам придется перезаписать эти два стиля для установки пользовательских цветов:

    <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>
    <item name="actionBarTheme">@style/ThemeOverlay.AppTheme.ActionBar</item>
    <item name="actionBarPopupTheme">@style/ThemeOverlay.AppTheme.PopupMenu</item>
    </style>
    
    <style name="ThemeOverlay.AppTheme.ActionBar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="Android:textColorPrimary">@color/action_bar_text_color</item>
    <item name="Android:background">@color/action_bar_bg_color</item>
    </style>
    
    <style name="ThemeOverlay.AppTheme.PopupMenu" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="Android:background">@color/popup_bg_color</item>
    <item name="Android:textColorPrimary">@color/popup_text_color</item>
    </style>
    

Вот и все, ребята

постскриптум если бы вы спросили меня, я бы сказал: ДА, вся эта тема - адский беспорядок.

3
Kirill Karmazin

Эта функция работает хорошо

private void setActionbarTextColor(ActionBar actBar, int color) {

    String title = actBar.getTitle().toString();
    Spannable spannablerTitle = new SpannableString(title);
    spannablerTitle.setSpan(new ForegroundColorSpan(color), 0, spannablerTitle.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    actBar.setTitle(spannablerTitle);

}

затем использовать его просто накормить его свой бар действия и новый цвет, т.е.

ActionBar actionBar = getActionBar();    // Or getSupportActionBar() if using appCompat
int red = Color.RED
setActionbarTextColor(actionBar, red);
3
365SplendidSuns

Попробуйте много методов, в нижней версии API возможный метод - <item name="actionMenuTextColor">@color/your_color</item> и не использует пространство имен Android, надеюсь, он поможет вам

пс:

  <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>
    <item name="actionMenuTextColor">@color/actionMenuTextColor</item>
</style>
2
BoBoMEe

Хорошим решением является использование SpannableStringBuilder и установка цвета таким образом. Вы даже можете использовать разные цвета на разных частях строки, добавлять изображения и т.д.

Протестировано с новой библиотекой поддержки.

См. Android: раскраска части строки с использованием TextView.setText ()?

0
Maciej Swic

вы можете изменить цвет любого текста, используя атрибут html <font> непосредственно в файлах xml . Например, в strings.xml:

<resources>
    <string name = "app_name">
        <html><font color="#001aff">Multi</font></html>
        <html><font color="#ff0044">color</font></html>
        <html><font color="#e9c309">Text </font></html>
    </string>
</resources>

 enter image description here

0
hofs

Это не рекомендуемое решение, так как здесь я расскажу об Android API, но мое приложение требует, чтобы тема изменялась в двух словах на условиях xml, что здесь невозможно, поэтому мне нужно это сделать. Но это решение работает очень приятно.

Решение:--

 /**
 * 
 * @author Kailash Dabhi
 * @email [email protected]
 *
 */ 
 public static void setActionbarTextColor(Activity activity, int color) {
    Field mActionViewField;
    try {
        mActionViewField = activity.getActionBar().getClass()
                .getDeclaredField("mActionView");
        mActionViewField.setAccessible(true);
        Object mActionViewObj = mActionViewField.get(activity
                .getActionBar());

        Field mTitleViewField = mActionViewObj.getClass().getDeclaredField(
                "mTitleView");
        mTitleViewField.setAccessible(true);
        Object mTitleViewObj = mTitleViewField.get(mActionViewObj);

        TextView mActionBarTitle = (TextView) mTitleViewObj;
        mActionBarTitle.setTextColor(color);
        // Log.i("field", mActionViewObj.getClass().getName());
    } catch (NoSuchFieldException e) {
        e.printStackTrace();
    } catch (IllegalAccessException e) {
        e.printStackTrace();
    } catch (IllegalArgumentException e) {
        e.printStackTrace();
    }

}
0
Kailash Dabhi

Для Android 5 (Lollipop) вам придется использовать Android: actionBarPopupTheme , чтобы установить textColor для меню переполнения.

0
m02ph3u5