ActionBarSherlock 中刷新菜单项动画

Question

public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {

    case android.R.id.home:
        return true;

    case R.id.searchIcon:
        return true;

    case R.id.startRefresh:
        refreshItem = item;
        refresh();
        return true;
    case R.id.stopRefresh:

        if (refreshItem != null && refreshItem.getActionView() != null) {
            refreshItem.getActionView().clearAnimation();
            refreshItem.setActionView(null);
        }
        return true;
    default:
        return super.onOptionsItemSelected(item);
    }
}


public void refresh() {
    if (FeedActivity.this != null) {
        /*
         * Attach a rotating ImageView to the refresh item as an ActionView
         */
        LayoutInflater inflater = (LayoutInflater) FeedActivity.this
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        ImageView iv = (ImageView) inflater.inflate(
                R.layout.refresh_action_view, null);
        Animation rotation = AnimationUtils.loadAnimation(
                FeedActivity.this, R.anim.clockwise_refresh);
        rotation.setRepeatCount(Animation.INFINITE);
        iv.startAnimation(rotation);
        refreshItem.setActionView(iv);
    }
}

点击前：

点击后：

这里的图标正在动画（旋转）。

问题：

为什么向左移动？

一旦它向左移动，图标变得不可点击，奇怪的是设备后退按钮也不起作用

编辑：

在这个答案下面的 cmets 中：

Animated Icon for ActionItem

Jake Warton 说，如果您为菜单项使用大小正确的方形图标，对于遇到同样问题的人来说，您不会遇到这种奇怪的行为。

但我在使用 mdpi 可绘制对象的设备上使用 32x32 图像。如前所述，它必须起作用:(

谢谢

编辑：

refresh_action_view.xml

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/Widget.Sherlock.ActionButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_refresh" />

我在应用中使用的自定义样式

<style name="My_solid_ActionBar" parent="@style/Widget.Sherlock.Light.ActionBar.Solid.Inverse">
    <item name="background">@drawable/ab_solid_My</item>
    <item name="backgroundStacked">@drawable/ab_stacked_solid_My</item>
    <item name="backgroundSplit">@drawable/ab_bottom_solid_My</item>
    <item name="progressBarStyle">@style/My_ProgressBar</item>
    <item name="android:background">@drawable/ab_solid_My</item>
    <item name="android:backgroundStacked">@drawable/ab_stacked_solid_My</item>
    <item name="android:backgroundSplit">@drawable/ab_bottom_solid_My</item>
    <item name="android:progressBarStyle">@style/My_ProgressBar</item>
</style>

Answer 1

问题是您没有处理onCreateOptionsMenu() 中的所有菜单膨胀。我在开源应用程序中看到的ActionBar 刷新动画的基本逻辑，例如Andlytics（我自己也在项目中使用过），是在onCreateOptionsMenu() 中实现一个boolean 标志来决定是否显示刷新动画。

你可以这样实现它：当你的 refresh() 方法被调用时，它会将 boolean isRefreshing 标志设置为 true 并调用 inValidateOptionsMenu() ，后者在“幕后”调用 onCreateOptionsMenu() 来启动动画：

扩充onCreateOptionsMenu(...)中的菜单：

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    menu.clear();
    super.onCreateOptionsMenu(menu, inflater);
    //inflate a menu which shows the non-animated refresh icon
    inflater.inflate(R.menu.my_ab_menu, menu);

    if (isRefreshing) {
        //if we're refreshing, show the animation
        MenuItem item = menu.findItem(R.id.refreshMenuItem);
        item.setActionView(R.layout.action_bar_indeterminate_progress);
        ImageView iv = (ImageView) item.getActionView().findViewById(R.id.loadingImageView);
        ((AnimationDrawable) iv.getDrawable()).start();
    }
}

像这样开始动画：

 public void refresh(){
        isRefreshing = true;
        inValidateOptionsMenu();
    }

如果您希望用户在点击刷新图标时启动动画，请在onOptionsItemSelected() 中执行此操作：

case R.id.refreshMenuItem:
    isRefreshing = true;
    item.setActionView(R.layout.action_bar_indeterminate_progress);
    ImageView iv = (ImageView) item.getActionView().findViewById(R.id.loadingImageView);
    ((AnimationDrawable) iv.getDrawable()).start();
    //...

停止动画调用：

isRefreshing = false;
invalidateOptionsMenu();

此代码来自Fragment，因此您可能需要调整是否为Activity，但我认为它传达了基本思想。

Answer 2

我尝试了与您使用的完全相同的代码，它对我来说效果很好。唯一可能不同的是两件事：

1) refresh_action_view 布局（这是我的比较）：

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    style="?attr/actionButtonStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_menu_refresh" />

2) 你的操作栏的显示选项（这里是我的styles.xml 用于比较）。

<resources>

<style name="AppTheme" parent="Theme.Sherlock.Light.DarkActionBar">
    <item name="android:actionBarStyle">@style/Widget.ActionBar</item>
    <item name="actionBarStyle">@style/Widget.ActionBar</item>
</style>

<style name="Widget.ActionBar" parent="Widget.Sherlock.Light.ActionBar.Solid.Inverse">
    <item name="android:displayOptions">showHome|useLogo|showCustom</item>
    <item name="displayOptions">showHome|useLogo|showCustom</item>
</style>

</resources>

你也可以分享一下吗？