2014-10-23 29 views
18

Tôi muốn thanh công cụ của mình hoạt động như một ActionBar và tôi muốn nó trông giống như một chủ đề sáng với thanh tác vụ tối. Tôi dường như không thể tìm thấy sự kết hợp phù hợp để làm điều đó.AppCompat v21 Dark ToolBar style

Đây là những gì tôi có trong styles.xml

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

    <item name="windowActionBar">false</item> 

    <item name="colorPrimary">@color/my_awesome_color</item> 
    <item name="android:textColorPrimary">@color/my_awesome_text_color</item> 
    <item name="colorPrimaryDark">@color/my_awesome_darker_color</item> 
    <item name="colorAccent">@color/accent</item> 

</style> 

Và thanh công cụ của tôi

<android.support.v7.widget.Toolbar 
    android:id="@+id/my_awesome_toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="?attr/colorPrimary" 
    android:minHeight="?attr/actionBarSize" /> 

Hiện nay tôi có được điều này

enter image description here

Những gì tôi muốn là menu các mặt hàng có màu trắng cũng như

Có giải pháp thanh lịch hoặc tôi có phải chọn kiểu tùy chỉnh cho từng mục trong thanh công cụ không? Có vẻ như phải có.

Trả lời

50

Bạn có thể sử dụng chủ đề sau trên Thanh công cụ để làm cho nó xuất hiện "tối". Phần đầu tiên app:theme chủ đề màu sắc của văn bản trên Thanh công cụ để được ánh sáng trong số những thứ khác. app:popupTheme là để tạo kiểu cho chỉ báo menu tràn để sáng.

<android.support.v7.widget.Toolbar 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" 
    android:minHeight="@dimen/triple_height_toolbar" 
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 
+0

nên không "xây dựng theo cách"? –

+5

"được xây dựng theo cách"? Sử dụng một chủ đề đơn giản trên Thanh công cụ là về "được xây dựng theo cách" như nó được. Nếu bạn đang tìm kiếm một cái gì đó giống như một widget DarkToolbar hoặc một cái gì đó như vậy không có một. AFAIK đây là phương pháp được chấp nhận để đạt được kết quả của bạn. – MrEngineer13

+1

OK. tốt để biết. Cảm ơn. –

1

Tôi chắc chắn là hơi muộn nhưng để làm điều đó trong chủ đề của bạn thêm:

<item name="android:textColorSecondary">my_awesome_text_color</item>

+0

Nếu bạn thêm nó vào chủ đề của bạn, nó sẽ thay đổi nhiều hơn chỉ là biểu tượng menu màu tràn. –

Các vấn đề liên quan