android - 更改 ActionMode 溢出图标

Question

有没有办法在不更改“正常”ActionBar 图标的情况下更改 ActionMode Overflow 图标？

Answer 1

我仍然需要弄清楚如何只更改 ActionMode-Actionbar 内的溢出图标，因为我更改了默认操作栏中的溢出图标，这在 ActionMode-Actionbar 中不可见（不，我不想要更改我的 ActionMode-Actionbar 的背景！）

好的。

让我们从定义一些样式开始。我将尝试解释为什么我们以这种方式定义它们：

// This is just your base theme. It will probably include a lot more stuff.
// We are going to define the style 'OverflowActionBar' next.

<style name="BaseTheme" parent="android:Theme.Holo.Light">
    ....
    ....
    ....
    <item name="android:actionOverflowButtonStyle">@style/OverflowActionBar</item>
</style>

// Assigning a parent to this style is important - we will inherit two attributes -
// the background (state-selector) and the content description

<style name="OverflowActionBar" parent="@android:style/Widget.Holo.ActionButton.Overflow">
    <item name="android:src">@drawable/overflow_menu_light</item>
</style>

// Next up is an extension to our 'BaseTheme'. Notice the parent here.

<style name="ChangeOverflowToDark" parent="@style/BaseTheme">
    <item name="android:actionOverflowButtonStyle">@style/OverflowActionMode</item>
</style>

// One last thing is to define 'OverflowActionMode'. Again, we inherit useful
// attributes by assigning 'Widget.Holo.ActionButton.Overflow' as the parent.

<style name="OverflowActionMode" parent="@android:style/Widget.Holo.ActionButton.Overflow">
    <item name="android:src">@drawable/overflow_menu_dark</item>
</style>

我们所有的工作styles.xml都完成了。最后一点发生在运行时。我想你已经有一个ActionMode.Callback.

在您的活动中，定义一个方法 - changeOverflowIcon()：

public void changeOverflowIcon() {
    getTheme().applyStyle(R.style.ChangeOverflowToDark, true);
}

您将从onCreateActionMode(...)您的ActionMode.Callback实现中调用此方法：

public class CustomActionModeCallback implements ActionMode.Callback {

    @Override
    public boolean onCreateActionMode(ActionMode mode, Menu menu) {
        changeOverflowIcon()

        // other initialization

        return true;
    }

    @Override
    public boolean onPrepareActionMode(final ActionMode mode, Menu menu) {
        return true;
    }

    @Override
    public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
        return false;
    }

    @Override
    public void onDestroyActionMode(ActionMode mode) {}
}

一点解释：

'BaseTheme' 中的作业是针对ActionBar. 它将选择可绘制overflow_menu_light对象，因为我们在您的应用程序的基本主题中分配它。

getTheme().applyStyle(R.style.ChangeOverflowToDark, true) 

第二个参数true强制当前主题用新属性覆盖旧属性。由于我们在 中只定义了一个属性ChangeOverflowToDark，所以它的值被覆盖了。ActionBar不受影响，因为它已经使用了旧属性。但是，动作模式还没有被创建（它会在我们返回时创建true）onCreateActionMode(...)。当操作模式检查此属性值时，它会获取新的值。

还有更多...

Manish给出的答案非常棒。我从来没有想过使用内容描述来找到确切的ImageButton. 但是，如果您能找到ImageButton使用简单的方法findViewById()呢？

您可以这样做：

首先，我们需要唯一的 ID。如果您的项目当前没有res/values/ids.xml文件，请创建一个。给它添加一个新的 id：

<item type="id" name="my_custom_id" />

我上面讨论的设置将保持不变。唯一的区别在于OverflowActionMode风格：

<style name="OverflowActionMode" parent="@android:style/Widget.Holo.ActionButton.Overflow">
    <item name="android:src">@drawable/overflow_menu_dark</item>
    <item name="android:id">@id/my_custom_id</item>
</style>

我们上面定义的id会ImageButton在我们调用的时候赋值给getTheme().applyStyle(R.style.ChangeOverflowToDark, true);

我将在这里借用 Manish 的回答中的代码片段：

private ActionMode.Callback mCallback = new ActionMode.Callback()
{
    @Override
    public boolean onPrepareActionMode( ActionMode mode, Menu menu )
    {

        mDecorView.postDelayed(new Runnable() {

            @Override
            public void run() {
                ImageButton btn = (ImageButton) mDecorView.findViewById(R.id.my_custom_id);
                // Update the image here.
                btn.setImageResource(R.drawable.custom);
            }          
        }, 500); // 500 ms is quite generous // I would say that 50 will work just fine

        return true;
    }  
}

两全其美？

假设我们需要R.drawable.overflow_menu_lightforActionBar和R.drawable.overflow_menu_darkfor ActionMode。

款式：

<style name="BaseTheme" parent="android:Theme.Holo.Light">
    ....
    ....
    ....
    <item name="android:actionOverflowButtonStyle">@style/OverflowActionMode</item>
</style>

<style name="OverflowActionMode" parent="@android:style/Widget.Holo.ActionButton.Overflow">
    <item name="android:src">@drawable/overflow_menu_dark</item>
    <item name="android:id">@id/my_custom_id</item>
</style>

正如我们的风格所定义的那样，ActionBar将选择R.drawable.overflow_menu_dark- 但我们不需要轻量版本的ActionBar? 是的 - 我们将在活动的onPrepareOptionsMenu(Menu)回调中分配它：

@Override
public boolean onPrepareOptionsMenu(Menu menu) {

    new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {
            ImageButton ib = (ImageButton) 
                                 getWindow().getDecorView()
                                .findViewById(R.id.my_custom_id);
            if (ib != null)
                ib.setImageResource(R.drawable.overflow_menu_light);
        }
    }, 50L);
    return super.onPrepareOptionsMenu(menu);
}

我们在这里这样做是因为之前onPrepareOptionsMenu(Menu)不会ImageButton创建 。

现在，我们不需要处理ActionMode- 因为它会dark从主题中选择可绘制对象。

我为这个巨大的帖子道歉。我真的希望它有所帮助。

Answer 2

ImageButton是用于显示菜单溢出的小部件。actionOverflowButtonStyle用于样式化ImageButton. 此样式应用于ActionMenuPresenter。

private class OverflowMenuButton extends ImageButton implements ActionMenuChildView {
   public OverflowMenuButton(Context context) {
      super(context, null, com.android.internal.R.attr.actionOverflowButtonStyle);
      ...
   }
}

ActionMenuPresenter类用于在action bar和中构建操作菜单action modes。因此，通过覆盖主题文件将在两种模式下应用相同的样式。完成的唯一方法是以编程方式完成，因为它在这里为action bar.

这是如何为action mode溢出图标完成的代码。您可以将 分配drawable给ImageButtoninActionMode.Callback.onPrepareActionMode方法。

public class MainActivity extends Activity {
    ViewGroup mDecorView;

    public void onCreate(Bundle savedInstanceState) {
        // Assign mDecorView to later use in action mode callback
        mDecorView = (ViewGroup) getWindow().getDecorView();
    }

    private ActionMode.Callback mCallback = new ActionMode.Callback()
    {
        @Override
        public boolean onPrepareActionMode( ActionMode mode, Menu menu )
        {
            // We have to update the icon after it is displayed, 
            // hence this postDelayed variant. 
            // This is what I don't like, but it is the only way to move forward.

            mDecorView.postDelayed(new Runnable() {

                @Override
                public void run() {
                    ArrayList<View> outViews = new ArrayList<View>();
                    // The content description of overflow button is "More options".
                    // If you want, you can override the style and assign custom content
                    // description and use it here.
                    mDecorView.findViewsWithText(outViews, "More Options", View.FIND_VIEWS_WITH_CONTENT_DESCRIPTION);
                    if(!outViews.isEmpty()) {
                        View v = outViews.get(0);
                        if(v instanceof ImageButton) {
                            ImageButton btn = (ImageButton) v;
                            // Update the image here.
                            btn.setImageResource(R.drawable.custom);
                        }                       
                    }
                }               
            }, 500);

            return true;
        }  

    }
}

Answer 3

您应该能够使用样式来做到这一点：

动作条夏洛克：

<style name="MyTheme" parent="Theme.Sherlock.Light">
    <item name="actionOverflowButtonStyle">@style/MyTheme.OverFlow</item>
</style>

<style name="MyTheme.OverFlow" parent="Widget.Sherlock.ActionButton.Overflow">
    <item name="android:src">@drawable/YOUR_ICON_GOES_HERE</item>
</style>

活动栏：

<style name="MyTheme" parent="@android:style/Theme.Holo">
    <item name="android:actionOverflowButtonStyle">@style/MyTheme.OverFlow</item>
</style>

<style name="MyTheme.OverFlow" parent="@android:style/Widget.Holo.ActionButton.Overflow">
    <item name="android:src">@drawable/YOUR_ICON_GOES_HERE</item>
</style>

确保在清单中设置 MyTheme。

Answer 4

有没有办法在不更改“正常”ActionBar 图标的情况下更改 ActionMode Overflow 图标？

关于如何更改溢出图标，我认为上面有很多答案。

如果你只是想改变溢出图标的颜色，你可以使用一个简单的方法。

<style name="BaseAppTheme" parent="Theme.xxxx.Light.NoActionBar.xxx">
    ...           
    <item name="actionOverflowButtonStyle">@style/ActionMode.OverFlow</item>
</style>

<style name="ActionMode.OverFlow" parent="@style/Widget.AppCompat.ActionButton.Overflow">
    <item name="android:tint">@color/black</item>  #or any color you want.#
</style>

这个对我有用。我调查了一下，只要看看这个截图http://prntscr.com/vqx1ov 你就知道原因了。

而且我不建议设置colorControlNormal的颜色，它会改变ActionBar上“返回箭头”和“溢出图标”的颜色。

Answer 5

就我而言，我只想要一个不同颜色的三点图标，为了实现它，我<item name="actionBarTheme">@style/Widget.ActionMode.ActionBar</item>在我的主题中设置，Widget.ActionMode.ActionBar如下所示：

    <style name="Widget.ActionMode.ActionBar" parent="@style/ThemeOverlay.AppCompat.Light">
        <item name="colorControlNormal">the color I want</item>
    </style>