Màu văn bản ActionBar

Làm cách nào để thay đổi màu văn bản của ActionBar? Tôi đã kế thừa chủ đề Holo Light, tôi có thể thay đổi nền của ActionBar nhưng tôi không tìm hiểu thuộc tính cần chỉnh để thay đổi màu văn bản là gì.

Ok, tôi có thể thay đổi màu văn bản bằng thuộc tính android: textColorPrimary nhưng nó cũng thay đổi màu văn bản của menu thả xuống được hiển thị khi xảy ra tràn trên các nút ActionBar. Bất kỳ ý tưởng làm thế nào để thay đổi màu sắc của menu / Danh sách thả xuống?

Ok, tôi đã tìm thấy một cách tốt hơn. Bây giờ tôi chỉ có thể thay đổi màu của tiêu đề. Bạn cũng có thể điều chỉnh phụ đề.

Đây là tệp XML của tôi:

<?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>

Tôi đã tìm thấy một cách hoạt động tốt với bất kỳ hương vị nào của ActionBar( Sherlock , Compat và Native ):

Chỉ cần sử dụng html để đặt tiêu đề và chỉ định màu văn bản. Ví dụ: để đặt màu văn bản ActionBar thành màu đỏ, chỉ cần thực hiện việc này:

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

Bạn cũng có thể sử dụng mã hex màu đỏ #FF0000thay vì từ red. Nếu bạn gặp sự cố với điều này, hãy xem Android Html.fromHtml (Chuỗi) không hoạt động cho <font color = '#'> văn bản </ font> .

Ngoài ra, nếu bạn muốn sử dụng tài nguyên màu, mã này có thể được sử dụng để lấy Chuỗi HEX chính xác và xóa alpha nếu cần ( thẻ phông chữ không hỗ trợ alpha):

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))));

Tôi cũng gặp vấn đề tương tự như bạn, đó là chủ đề Holo.Light nhưng tôi muốn tạo kiểu cho màu ActionBar, vì vậy tôi cũng cần thay đổi màu văn bản và cả Tiêu đề và Menu. Vì vậy, cuối cùng tôi đã đi đến trung tâm git và xem mã nguồn cho đến khi tôi tìm thấy phong cách chính xác chết tiệt:

<?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>

Vì vậy, bây giờ tất cả những gì bạn phải làm là đặt bất cứ điều gì @color/actionBarTextvà @drawable/actionbarbgroundbạn muốn!

ID ActionBar không có sẵn trực tiếp, vì vậy bạn phải thực hiện một chút hack ở đây.

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);
    }
}

Đây là một chủ đề cũ nhưng đối với những độc giả tương lai, sử dụng ToolBar giúp mọi thứ trở nên rất dễ dàng:

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

tôi đã thực hiện với mã một dòng đơn giản

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

Thêm nó vào thư mục gốc của thanh hành động. Tôi đã có vấn đề này.

<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>

actionMothyTextColor - thay đổi màu văn bản cho văn bản trên thanh hành động, nó không bao giờ hoạt động khi nó là một phần của nó Widget.Styled.ActionBar, vì vậy tôi phải thêm nó vào thư mục gốc. 2 thuộc tính khác thay đổi tiêu đề và phụ đề của một thanh hành động.

Đặt chuỗi HTML trên thanh hành động không hoạt động trên chủ đề Vật liệu trong SDK v21 +

Nếu bạn muốn thay đổi nó, bạn nên đặt màu văn bản chính trong tệp style.xml của bạn

<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>    

Cách đơn giản nhất là thực hiện điều này trong tệp style.xml.

Mẫu XML của Google hiện đang tạo như sau:

<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>

Nếu bạn thêm một dòng nữa trước thẻ đóng, như được hiển thị, điều đó sẽ thay đổi màu văn bản thành màu của nó với Dark ActionBar:

<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>

Nếu bạn muốn tùy chỉnh màu sắc thành một thứ khác, bạn có thể chỉ định màu của riêng mình trong colors.xml hoặc thậm chí sử dụng màu tích hợp từ Android bằng thuộc tính 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>

Lưu ý: Điều này thay đổi màu của tiêu đề và cả tiêu đề của bất kỳ MenuItems nào được hiển thị trong ActionBar.

Nếu bạn muốn tạo kiểu phụ đề cũng chỉ cần thêm nó vào phong cách tùy chỉnh của bạn.

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

Những người đang tìm kiếm để có được kết quả tương tự cho AppCompatthư viện thì đây là những gì tôi đã sử dụng:

<?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>

Đã tìm thấy cách thực hiện độc đáo mà không cần tạo bố cục của riêng bạn trên API> = 21.

Nó sẽ chỉ tô màu các văn bản và điều khiển các ngăn kéo bên trong thanh hành động.

Hy vọng nó sẽ hữu ích cho một ai đó.

<!--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>

Rất nhiều câu trả lời không được chấp nhận vì vậy tôi sẽ cập nhật chuỗi và hiển thị cách thay đổi màu văn bản và màu nền trên ActionBar (Thanh công cụ) và trong menu bật lên ActionBar.

Cách tiếp cận mới nhất trong Android (kể từ tháng 5 năm 2018) khi làm việc với thanh Hành động (Thanh công cụ) là sử dụng Chủ đề với NoActionBar và sử dụng Thanh công cụ thay thế.

Vì vậy, đây là những gì bạn cần:

1. Trong Hoạt động (mở rộng AppCompatActivity) khai báo Thanh công cụ:

   Toolbar myToolbar = (Toolbar) findViewById(R.id.toolbar);
   setSupportActionBar(myToolbar);

2. Thêm Thanh công cụ trong bố cục của Hoạt động xml. Ở đây chúng tôi sẽ thiết lập tùy chỉnh của chúng tôi (chủ đề được ghi đè), lưu ý android:theme="@style/ThemeOverlay.AppTheme.ActionBar"và app:popupTheme="@style/ThemeOverlay.AppTheme.PopupMenu", họ sẽ thực hiện thủ thuật.

   <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. Trong tệp kiểu của bạn, bạn sẽ phải ghi đè hai kiểu đó để đặt màu tùy chỉnh:

   <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>

Đó là folks

ps nếu bạn hỏi tôi tôi sẽ nói: CÓ, toàn bộ chủ đề này là một mớ hỗn độn.

Đây là giải pháp tôi đã sử dụng sau khi kiểm tra tất cả các câu trả lời

<!-- 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>

Thay đổi màu sắc cần thiết nó sẽ hoạt động

Chức năng này hoạt động tốt

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);

}

sau đó để sử dụng nó, chỉ cần cung cấp cho nó thanh hành động của bạn và màu mới

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

Hãy thử thêm phần này vào Hoạt động của bạn. Hoạt động trên hầu hết mọi phiên bản Android.

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

hoặc là

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

Hãy thử rất nhiều phương pháp, trong phiên bản thấp của API, một phương pháp khả thi là <item name="actionMenuTextColor">@color/your_color</item>và không sử dụng không gian tên Android, hy vọng có thể giúp bạn

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

chỉ cần đặt cái này theo phong cách của bạn

<item name="android:textColorPrimary">@color/yourcolor</item>

Một giải pháp hay là sử dụng SpannableStringBuilder và đặt màu theo cách đó. Bạn thậm chí có thể sử dụng các màu khác nhau trên các phần khác nhau của chuỗi, thêm hình ảnh, v.v.

Đã thử nghiệm với thư viện hỗ trợ mới.

Xem Android: Tô màu một phần của chuỗi bằng TextView.setText ()?

Đây không phải là giải pháp được đề xuất vì tôi sẽ sử dụng Android apis ở đây nhưng vì ứng dụng của tôi yêu cầu thay đổi chủ đề theo các điều kiện xml không thể có ở đây, vì vậy tôi cần phải làm điều này. Nhưng giải pháp này đang làm việc rất tốt đẹp.

Giải pháp:--

 /**
 * 
 * @author Kailash Dabhi
 * @email kailash09dabhi@gmail.com
 *
 */ 
 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();
    }

}

Đối với Android 5 (kẹo mút), bạn sẽ phải sử dụng android: actionBarPopupTheme để đặt textColor cho menu tràn.

Cách đơn giản nhất là:
Thêm hai dòng này vào tệp Styles.xml của bạn

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
...
<item name="android:textColorSecondary">@color/white</item>
<item name="android:textColor">@color/white</item>
</style>

Thay thế màu bằng màu của bạn.

bạn có thể thay đổi màu của bất kỳ văn bản nào bằng cách sử dụng thuộc tính html<font> trực tiếp trong xmltệp. ví dụ trong 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>