5

我正在使用这个问题的代码：Animated Icon for ActionItem to animate my refresh 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" />

如何设置菜单项的样式以匹配ImageView旋转中的或相反的方式？

4

3 回答 3

9

我通过将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();
于 2013-10-07T13:02:46.507 回答
1

最好把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" />
于 2014-06-11T16:15:48.577 回答
1

在 ImageView 中添加一些填充。就我而言，每边 8dp。

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingRight="8dp"
    android:paddingLeft="8dp"
    android:src="@drawable/ic_action_important" />
于 2015-05-13T02:20:25.543 回答