安卓：AppCompat 21，怎么改回图标和溢图标，自定义的呢？ [英] Android: AppCompat 21, how to change the back icon and the overflow icon to a custom one?

问题描述

在我的项目，直到前几天我用大侦探动作条，但我决定要在整个动作条样式改为新材料设计。在我的旧主题为背部和溢图标，我有一些设置好的对我的主题自定义图标。但在appcompat我想在我的主题定义它，我用它的工具栏上，但它不工作。任何人都知道如何使这一切成为可能？

我的主题我的工具栏上的（生成具有资产工作室）：

 ＆LT;样式名称=Theme.Themewiz父=@风格/ Theme.AppCompat.Light.DarkActionBar＆GT;
    ＆LT;项目名称=机器人：actionBarStyle＆GT; @风格/ ActionBar.Solid.Themewiz＆LT; /项目＆GT;

    ＆LT;项目名称=机器人：actionBarItemBackground＆GT; @可绘制/ selectable_background_themewiz＆LT; /项目＆GT;
    ＆LT;项目名称=机器人：popupMenuStyle＆GT; @风格/ PopupMenu.Themewiz＆LT; /项目＆GT;
    ＆LT;项目名称=机器人：dropDownListViewStyle＆GT; @风格/ DropDownListView.Themewiz＆LT; /项目＆GT;
    ＆LT;项目名称=机器人：actionBarTabStyle＆GT; @风格/ ActionBarTabStyle.Themewiz＆LT; /项目＆GT;
    ＆LT;项目名称=机器人：actionDropDownStyle＆GT; @风格/ DropDownNav.Themewiz＆LT; /项目＆GT;
    ＆LT;项目名称=机器人：actionModeBackground＆GT; @可绘制/ cab_background_top_themewiz＆LT; /项目＆GT;
    ＆LT;项目名称=机器人：actionModeSplitBackground＆GT; @可绘制/ cab_background_bottom_themewiz＆LT; /项目＆GT;
    ＆LT;项目名称=机器人：actionModeCloseButtonStyle＆GT; @风格/ ActionButton.CloseMode.Themewiz＆LT; /项目＆GT;

            ＆LT;！ -  Light.DarkActionBar具体 - ＆GT;
    ＆LT;项目名称=机器人：actionBarWidgetTheme＆GT; @风格/ Theme.Themewiz.Widget＆LT; /项目＆GT;

    ＆LT;项目名称=机器人：actionOverflowButtonStyle＆GT; @风格/ Theme.AppCompat.Overflow＆LT; /项目＆GT;

＆LT; /风格＆GT;

＆LT;风格父=@风格/ Widget.AppCompat.ActionButton.OverflowNAME =Theme.AppCompat.Overflow＆GT;

    ＆LT;项目名称=机器人：SRC＆GT; @可绘制/ ic_action_overflow＆LT; /项目＆GT;

＆LT; /风格＆GT;
 

工具栏的xml：

 ＆LT; android.support.v7.widget.Toolbar的xmlns：机器人=htt​​p://schemas.android.com/apk/res/android
    机器人：ID =@ + ID / my_awesome_toolbar
    机器人：layout_height =WRAP_CONTENT
    机器人：layout_width =match_parent
    机器人：=了minHeight？ATTR / actionBarSize
    机器人：背景=？ATTR / colorPrimaryDark
    应用程序：主题=@风格/ Theme.Themewiz
    应用程序：popupTheme =@风格/ ThemeOverlay.AppCompat.Light/＆GT;
 

解决方案

使用appcompat 21获得了这幅这些是pretty的方便。

要改回来的图标，你就必须使用支持工具栏作为你的动作条代替。 这篇文章由克里斯·巴内斯应该让你开始。

一旦你完成添加工具栏，所有你需要做的是：

 工具栏=（栏）findViewById（R.id.toolbar_id）;
toolbar.setNavigationIcon（R.drawable.back_icon）;
 

要更改另一方面溢图标，最简单的方法就是自定义样式添加到主旋律声明。是这样的：

 ＆LT;资源＆GT;
    ＆LT;！ - 基本应用主题。 - ＆GT;
    ＆LT;样式名称=Your.Theme父=@风格/ Theme.AppCompat＆GT;
        ＆LT;！ - 你的主题项目去这里 - ＆GT;

        ＆LT;项目名称=actionOverflowButtonStyle＆GT; @风格/溢出＆LT; /项目＆GT;
    ＆LT; /风格＆GT;

    ＆LT;！ - 风格 - ＆GT;
    ＆LT;样式名称=溢出父=@安卓风格/ Widget.AppCompat.ActionButton.Overflow＆GT;
        ＆LT;项目名称=机器人：SRC＆GT; @可绘制/ overflow_icon＆LT; /项目＆GT;
    ＆LT; /风格＆GT;

＆LT; /资源＆GT;
 

希望有所帮助。

On my project until some days ago I used sherlock actionbar but I dicided to change the whole actionbar style to the new material design. On my old theme for the back and overflow icon I had some custom icons setted on my theme. But on the appcompat I tried define it on my theme where I use it on a toolbar but it's not working. Anyone knows how to make this possible?

My theme where I use on the toolbar(Generated with asset studio):

<style name="Theme.Themewiz" parent="@style/Theme.AppCompat.Light.DarkActionBar">
    <item name="android:actionBarStyle">@style/ActionBar.Solid.Themewiz</item>

    <item name="android:actionBarItemBackground">@drawable/selectable_background_themewiz</item>
    <item name="android:popupMenuStyle">@style/PopupMenu.Themewiz</item>
    <item name="android:dropDownListViewStyle">@style/DropDownListView.Themewiz</item>
    <item name="android:actionBarTabStyle">@style/ActionBarTabStyle.Themewiz</item>
    <item name="android:actionDropDownStyle">@style/DropDownNav.Themewiz</item>
    <item name="android:actionModeBackground">@drawable/cab_background_top_themewiz</item>
    <item name="android:actionModeSplitBackground">@drawable/cab_background_bottom_themewiz</item>
    <item name="android:actionModeCloseButtonStyle">@style/ActionButton.CloseMode.Themewiz</item>

            <!-- Light.DarkActionBar specific -->
    <item name="android:actionBarWidgetTheme">@style/Theme.Themewiz.Widget</item>

    <item name="android:actionOverflowButtonStyle">@style/Theme.AppCompat.Overflow</item>

</style>

<style parent="@style/Widget.AppCompat.ActionButton.Overflow" name="Theme.AppCompat.Overflow">

    <item name="android:src">@drawable/ic_action_overflow</item>

</style>

Toolbar xml:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/my_awesome_toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimaryDark"
    app:theme="@style/Theme.Themewiz"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

解决方案

Using appcompat 21 to acheive these is pretty easy.

To change the back icon, you'd have to use the support toolbar as your actionbar instead. This post by Chris Banes should get you started.

Once you're done adding the toolbar, all you have to do is:

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_id);
toolbar.setNavigationIcon(R.drawable.back_icon);

To change the overflow icon on the other hand, the easiest way is to add a custom style to the main theme declaration. Something like:

<resources>
    <!-- Base application theme. -->
    <style name="Your.Theme" parent="@style/Theme.AppCompat">
        <!-- Your theme items go here -->

        <item name="actionOverflowButtonStyle">@style/OverFlow</item>
    </style>

    <!-- Styles -->
    <style name="OverFlow" parent="@android:style/Widget.AppCompat.ActionButton.Overflow">
        <item name="android:src">@drawable/overflow_icon</item>
    </style>

</resources>

Hope that helps.

这篇关于安卓：AppCompat 21，怎么改回图标和溢图标，自定义的呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！