美文网首页
Toobar 设置 图标颜色

Toobar 设置 图标颜色

作者: tigg | 来源:发表于2016-12-16 14:23 被阅读428次

原文连接:http://stackoverflow.com/questions/29038861/how-to-change-toolbar-navigation-and-overflow-menu-icons-appcompat-v7

google搜索关键词: toolbar Icon set

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

        <!--<item name="colorControlNormal">#3F51b5</item>-->

        <!--<item name="colorControlActivated">@color/colorAccent</item>-->
        <!--正常状态下字体颜色和icon颜色-->
        <!--<item name="android:textColorPrimary">@color/white</item>-->
    </style>

    <style name="NoActionBarTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimaryDark</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="android:textColorPrimary">@color/white</item>
        <!--android:textColorSecondary"属性对应的就是右上角三个圆点的颜色-->
        <item name="android:textColorSecondary">@color/white</item>

        <!--<item name="android:homeAsUpIndicator">@drawable/ic_arrow_back_white_24dp</item>-->

        <item name="colorAccent">@color/colorAccent</item>

        <!-- AppCompatEditText默认状态状态设置底线颜色 -->
        <item name="colorControlNormal">@color/textcolor</item>
        <!--AppCompatEditText选择的底线颜色 -->
        <item name="colorControlActivated">@color/colorAccent</item>


    </style>

    <style name="TabLayoutTextAppearance">
        <item name="android:textSize">15sp</item>
    </style>

    <style name="ThemeToolbar" parent="Theme.AppCompat.Light">
        <item name="colorPrimary">@color/colorPrimaryDark</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="android:textColorPrimary">@color/white</item>
        <!-- navigation icon color -->
        <item name="colorControlNormal">@color/white</item>
        <!-- color of the menu overflow icon -->
        <item name="android:textColorSecondary">@color/white</item>
    </style>

    <style name="ToolbarPopupTheme" parent="@style/ThemeOverlay.AppCompat.Dark">
        <item name="android:actionMenuTextColor">@color/nomaltext</item>
        <item name="android:colorBackground">@color/colorPrimaryDark</item>
        <item name="actionOverflowMenuStyle">@style/OverflowMenuStyles</item> <!--新增一个item,用于控制menu-->
    </style>

    <style name="OverflowMenuStyles" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
        <item name="overlapAnchor">false</item>  <!--把该属性改为false即可使menu位置位于toolbar之下-->
        <item name="android:dropDownVerticalOffset">8dip</item>
        <item name="android:src">@drawable/ic_more_vert_white_24dp</item>
    </style>


    <style name="MyTranslucent" parent="AppTheme">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:colorBackgroundCacheHint">@null</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowAnimationStyle">@android:style/Animation</item>
    </style>


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

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

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

    <style name="OverflowMenuStyle" parent="@style/Widget.AppCompat.Light.PopupMenu.Overflow">
        <item name="overlapAnchor">false</item>
        <item name="android:dropDownWidth">wrap_content</item>
        <item name="android:paddingRight">5dp</item>
        <item name="android:popupBackground">?attr/colorPrimary</item>
        <item name="android:dropDownVerticalOffset">20dip</item>
        <item name="android:dropDownHorizontalOffset">0dip</item>
    </style>

需要指定 app: theme 才可以防止 edittext 与toolbar上的按钮颜色冲突

 <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:background="?attr/colorPrimary"
        toolbar:titleTextColor="#ffffff"
        app:navigationIcon="?attr/homeAsUpIndicator"
        app:popupTheme="@style/ToolbarPopupTheme"
        app:theme="@style/ThemeToolbar"
        android:layout_height="?attr/actionBarSize"/>

相关文章

网友评论

      本文标题:Toobar 设置 图标颜色

      本文链接:https://www.haomeiwen.com/subject/vipnmttx.html