Question

我正在使用此问题的代码：Animated Icon for ActionItem来动画我的刷新ActionBarButton。它工作正常，除了风格似乎不正确。当我点击该项目时，它开始旋转，但只有在它“跳”几个像素之后。似乎ImageView的样式与菜单项的样式不同。

该项目的定义如下：

<item
    android:id="@+id/action_refresh"
    android:orderInCategory="100"
    android:icon="@drawable/ic_menu_refresh"
    android:showAsAction="ifRoom"

    <!-- added this myself, didn't have any effect -->
    style="@android:style/Widget.ActionButton"  
    android:title="@string/action_refresh"/>

和ImageView是这样的：

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:contentDescription="@string/action_refresh"
    android:src="@drawable/ic_menu_refresh"
    style="@android:style/Widget.ActionButton" />

如何设置我的menuitem以匹配轮换中的ImageView，或者反过来？

Answer 1

我通过将非动画项目的View设置为相同来找到解决方案。在menu.xml：

<item
    android:id="@+id/action_refresh"
    android:orderInCategory="100"
    android:icon="@drawable/ic_menu_refresh"
    android:actionLayout="@layout/refresh_action_view"
    android:showAsAction="ifRoom"
    style="@android:style/Widget.ActionButton"
    android:title="@string/action_refresh"/>

然后，在onCreateOptionsMenu中，我在成员变量中获取视图，并附加一个onclick处理程序：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.orders, menu);
    final Menu m = menu;
    refreshItem = menu.findItem(R.id.action_refresh);
    refreshItem.getActionView().setOnClickListener(new OnClickListener() {
                    @Override
                    public void onClick(View v) {   
                        m.performIdentifierAction(refreshItem.getItemId(), 0);
                    }
            });
    return true;
}

在onCreate中，我们加载动画：

    rotation = AnimationUtils.loadAnimation(this, R.anim.clockwise_refresh);
    rotation.setRepeatCount(Animation.INFINITE);

最后，调用它来启动动画：

refreshItem.getActionView().startAnimation(rotation);

这是为了阻止它：

refreshItem.getActionView().clearAnimation();

Answer 2

最好将ImageView更改为ImageButton，而不是更改menu.xml中菜单项的布局，然后图像不会跳转，您也不需要添加点击处理程序。它也将是正确的大小，如果您使用ImageView而不是ImageButton则不会出现这种情况。

这就是你所需要的：

<ImageButton xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:contentDescription="@string/action_refresh"
android:src="@drawable/ic_menu_refresh"
android:id="@+id/refresh_view"
style="@android:style/Widget.ActionButton" />

Answer 3

在ImageView中添加一些填充。在我的情况下，每边8dp。

git pull

动画开始时动画菜单项“跳转”

3 个答案: