android - 展开操作 View 时的抽屉导航图标(汉堡包和箭头)动画

Question

我正在使用 AppCompat 和 Toolbar。

我确保当抽屉导航图标从汉堡包过渡到箭头时会有动画，反之亦然。

我使用以下技术 https://stackoverflow.com/a/26469738/72437

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
    </style>

    <style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
        <item name="spinBars">true</item>
        <item name="color">@android:color/white</item>
    </style>

</resources>

当我按下抽屉导航时，会出现动画，滑入和滑出菜单。但是，它不是很有用。根据 Material 设计指南，抽屉导航 fragment 应该是全高的。因此，当它开始滑出时，它将阻止抽屉导航图标。

在处理我的搜索按钮 (action_search) 时，我更感兴趣的是执行动画，它充当我的工具栏的操作 View 。

主菜单.xml

<item android:id="@+id/action_search"
    android:title="Search me"
    android:icon="@drawable/ic_add_white_24dp"
    app:showAsAction="always|collapseActionView"
    app:actionLayout="@layout/collapsible_searchtext" />

<item android:id="@+id/action_settings" android:title="@string/action_settings"
    android:orderInCategory="100" app:showAsAction="never" />

collapsible_searchtext.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    >
    <android.widget.AutoCompleteTextView
        android:id="@+id/search"
        android:dropDownWidth="match_parent"
        android:completionThreshold="1"
        android:inputType="textNoSuggestions"
        android:imeOptions="actionSearch|flagNoExtractUi"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:singleLine="true"
        android:hint="Search stock"
        android:layout_gravity="center_vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</RelativeLayout>

1. 当我按下 action_search 时，搜索图标将扩展为 AutoCompleteTextView。 同时，汉堡图标会动画化为箭头图标
2. 当我按下箭头图标时，箭头图标会变回汉堡包图标。

我尝试通过在阅读 https://stackoverflow.com/a/26480439/72437 后使用以下代码来实现目标 1

private void animateHamburgerToArrow() {
    ValueAnimator anim = ValueAnimator.ofFloat(0f, 1f);
    anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator valueAnimator) {
            float slideOffset = (Float) valueAnimator.getAnimatedValue();
            actionBarDrawerToggle.onDrawerSlide(drawerLayout, slideOffset);
        }
    });
    anim.setInterpolator(new DecelerateInterpolator());
    // You can change this duration to more closely match that of the default animation.
    anim.setDuration(500);
    anim.start();
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (actionBarDrawerToggle.onOptionsItemSelected(item)) {
        return true;
    }

    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        animateHamburgerToArrow();
        return true;
    } else if (id == R.id.action_search) {
        animateHamburgerToArrow();
        return true;
    }

    return super.onOptionsItemSelected(item);
}

当我按下 action_search 时，汉堡包图标会变为箭头图标。但是，没有动画。我可以知道我遗漏了什么吗？

更新

我怀疑抽屉导航使用的左箭头与搜索操作 View 使用的左箭头不同。它们是 2 个不同的实例。

这是因为如果我点击action_settings，我可以观察动画。但是，如果我单击 action_search，我将不会观察动画。我怀疑搜索操作 View 使用的左箭头，“ block ”抽屉导航的图标(汉堡包和箭头)

Answer 1

我在没有展开我自己的自定义 SearchView 的情况下实现了这种效果。问题是，汉堡和后退箭头实际上有两个单独的按钮。因此，虽然我们可以使用公共(public)方法 setHomeAsUpIndicator() 访问汉堡按钮，但只能通过反射访问后退按钮。然后我们也只需在其上设置所需的可绘制对象，并同时在两个按钮可绘制对象上播放动画，而不管特定按钮是否可见。这是因为两个按钮在布局中的位置完全相同。

有关详细信息，请参阅帖子 http://choruscode.blogspot.com/2015/09/morphing-animation-for-toolbar-back.html