Cách đặt màu / kiểu ActionBar tùy chỉnh?

Tôi đang sử dụng Android Navigation bartrong dự án của mình, tôi muốn thay đổi màu trên cùng trong thanh tác vụ thành màu đỏ, Làm cách nào để làm điều đó? Tôi có một cái gì đó như thế này,

và tôi muốn một cái gì đó như thế này,

làm thế nào tôi có thể đạt được điều đó?

Bạn có thể xác định màu của ActionBar (và các thứ khác) bằng cách tạo một Kiểu tùy chỉnh :

Chỉ cần chỉnh sửa tệp res / values ​​/ styles.xml của dự án Android của bạn.

Ví dụ như thế này:

<resources>
    <style name="MyCustomTheme" parent="@android:style/Theme.Holo.Light">
        <item name="android:actionBarStyle">@style/MyActionBarTheme</item>
    </style>

    <style name="MyActionBarTheme" parent="@android:style/Widget.Holo.Light.ActionBar">
        <item name="android:background">ANY_HEX_COLOR_CODE</item>
    </style>
</resources>

Sau đó, đặt "MyCustomTheme" làm Chủ đề Hoạt động của bạn có chứa Thanh hành động.

Bạn cũng có thể đặt màu cho ActionBar như sau:

ActionBar actionBar = getActionBar();
actionBar.setBackgroundDrawable(new ColorDrawable(Color.RED)); // set your desired color

Lấy từ đây: Làm cách nào để thay đổi màu nền của ActionBar của ActionBarActivity bằng XML?

Nhìn chung, Hệ điều hành Android tận dụng “chủ đề” để cho phép các nhà phát triển ứng dụng áp dụng toàn cầu một tập hợp các thông số tạo kiểu phần tử giao diện người dùng cho toàn bộ các ứng dụng Android hoặc cách khác, cho một lớp con Hoạt động.

Vì vậy, có ba "chủ đề hệ thống" của hệ điều hành Android chính mà bạn có thể chỉ định trong tệp XML Manifest trên Android của mình khi bạn đang phát triển ứng dụng cho Phiên bản 3.0 và các phiên bản mới hơn

Tôi đang tham khảo thư viện hỗ trợ (APPCOMPAT) ở đây: - Ba chủ đề là 1. Chủ đề AppCompat Light (Theme.AppCompat.Light)

2. AppCompat Dark Theme (Theme.AppCompat),

3. Và sự kết hợp giữa hai thứ này, AppCompat Light Theme với Darker ActionBar. (Theme.AppCompat.Light.DarkActionBar)

AndroidManifest.xml và xem thẻ, chủ đề android được đề cập là: - android: theme = "@ style / AppTheme"

Mở Styles.xml và chúng tôi có chủ đề ứng dụng cơ bản được khai báo ở đó: -

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  </style>

Chúng ta cần ghi đè các phần tử chủ đề mẹ này để tạo kiểu cho thanh tác vụ.

ActionBar với nền màu khác nhau: -

Để thực hiện việc này, chúng ta cần tạo một kiểu MyActionBar mới (bạn có thể đặt bất kỳ tên nào) với tham chiếu gốc là @ style / Widget.AppCompat.Light.ActionBar.Solid.Inverse chứa các đặc điểm kiểu cho phần tử Android ActionBar UI. Vì vậy, định nghĩa sẽ là

<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="background">@color/red</item>
</style>

Và định nghĩa này chúng ta cần tham chiếu trong AppTheme của mình, trỏ đến kiểu ActionBar bị ghi đè là--

@ style / MyActionBar

Thay đổi màu văn bản của thanh tiêu đề (ví dụ: từ đen sang trắng): -

Bây giờ để thay đổi màu văn bản tiêu đề, chúng ta cần ghi đè tham chiếu gốc cha = "@ style / TextAppearance.AppCompat.Widget.ActionBar.Title">

Vì vậy, định nghĩa phong cách sẽ là

<style name="MyActionBarTitle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
    <item name="android:textColor">@color/white</item>
</style>

Chúng tôi sẽ tham chiếu định nghĩa kiểu này bên trong định nghĩa kiểu MyActionBar , vì sửa đổi TitleTextStyle là phần tử con của phần tử giao diện người dùng hệ điều hành mẹ ActionBar. Vì vậy, định nghĩa cuối cùng của phần tử kiểu MyActionBar sẽ là

<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="background">@color/red</item>
    <item name="titleTextStyle">@style/MyActionBarTitle</item>
</style>

VẬY, đây là Styles.xml cuối cùng

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <!-- This is the styling for action bar -->
        <item name="actionBarStyle">@style/MyActionBar</item>
    </style>

    <style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
        <item name="background">@color/red</item>
        <item name="titleTextStyle">@style/MyActionBarTitle</item>
    </style>

    <style name="MyActionBarTitle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor">@color/white</item>
    </style>
</resources>

Để biết thêm tùy chọn ActionBar Kiểu menu, hãy tham khảo liên kết này

Chỉ dành cho Android 3.0 trở lên

Khi chỉ hỗ trợ Android 3.0 trở lên, bạn có thể xác định nền của thanh tác vụ như sau:

res / values ​​/ themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme" parent="@style/Theme.Holo.Light.DarkActionBar">
       <item name="android:actionBarStyle">@style/MyActionBar</item>
    </style>

<!-- ActionBar styles -->
  <style name="MyActionBar" parent="@style/Widget.Holo.Light.ActionBar.Solid.Inverse">
       <item name="android:background">#ff0000</item>
  </style>
</resources>

Đối với Android 2.1 trở lên

Khi sử dụng Thư viện hỗ trợ, tệp XML kiểu của bạn có thể trông giống như sau:

<?xml version="1.0" encoding="utf-8"?>
  <resources>
  <!-- the theme applied to the application or activity -->
 <style name="CustomActionBarTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
    <item name="android:actionBarStyle">@style/MyActionBar</item>

    <!-- Support library compatibility -->
    <item name="actionBarStyle">@style/MyActionBar</item>
</style>

<!-- ActionBar styles -->
<style name="MyActionBar"
       parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="android:background">@drawable/actionbar_background</item>

    <!-- Support library compatibility -->
    <item name="background">@drawable/actionbar_background</item>
  </style>
 </resources>

Sau đó, áp dụng chủ đề của bạn cho toàn bộ ứng dụng hoặc các hoạt động riêng lẻ:

để biết thêm chi tiết Documentaion

Bạn có thể thay đổi màu thanh tác vụ theo cách này:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/green_action_bar</item>
</style>

Đó là tất cả những gì bạn cần để thay đổi màu thanh hành động.

Ngoài ra, nếu bạn muốn thay đổi màu thanh trạng thái, chỉ cần thêm dòng:

 <item name="android:colorPrimaryDark">@color/green_dark_action_bar</item>

Đây là ảnh chụp màn hình được chụp từ trang web Android của nhà phát triển để làm rõ hơn và đây là liên kết để đọc thêm về cách tùy chỉnh bảng màu

Một khả năng thực hiện khác.

actionBar.setBackgroundDrawable (ColorDrawable mới (Color.parseColor ("# 0000ff")));

Tôi có thể thay đổi màu văn bản ActionBar bằng cách sử dụng titleTextColor

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="titleTextColor">#333333</item>
</style>

Tự phối màu:

 <style name="AppTheme" parent="Theme.AppCompat.Light">

                <item name="colorPrimary">@color/ColorPrimary</item>
                <item name="colorPrimaryDark">@color/ColorPrimaryDark</item>
                <!-- Customize your theme here. -->
     </style>

Phong cách tùy chỉnh:

 <style name="Theme.AndroidDevelopers" parent="android:style/Theme.Holo.Light">
        <item name="android:selectableItemBackground">@drawable/ad_selectable_background</item>
        <item name="android:popupMenuStyle">@style/MyPopupMenu</item>
        <item name="android:dropDownListViewStyle">@style/MyDropDownListView</item>
        <item name="android:actionBarTabStyle">@style/MyActionBarTabStyle</item>
        <item name="android:actionDropDownStyle">@style/MyDropDownNav</item>
        <item name="android:listChoiceIndicatorMultiple">@drawable/ad_btn_check_holo_light</item>
        <item name="android:listChoiceIndicatorSingle">@drawable/ad_btn_radio_holo_light</item>
    </style>

Để biết thêm: Android ActionBar

Như tôi đã sử dụng AppCompatActivityở trên, các câu trả lời không phù hợp với tôi. Nhưng giải pháp dưới đây đã hoạt động:

Trong res / styles.xml

<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
</style>

Tái bút: Tôi đã sử dụng colorPrimarythay vìandroid:colorPrimary

trong style.xml thêm mã này

<resources>
    <style name="MyTheme" parent="@android:style/Theme.Holo.Light">
        <item name="android:actionBarStyle">@style/MyAction</item>
    </style>

    <style name="MyActionBarTheme" parent="@android:style/Widget.Holo.Light.ActionBar">
        <item name="android:background">#333333</item>
    </style>
</resources>

Sử dụng cái này - http://jgilfelt.github.io/android-actionbarstylegenerator/

Công cụ tốt để tùy chỉnh thanh tác vụ của bạn với bản xem trước trực tiếp trong vài phút.