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

概述我正在使用AppCompat和工具栏. 当导航抽屉图标从汉堡包转换为箭头或反之时,我确保会有动画. 我使用以下技术https://stackoverflow.com/a/26469738/72437 <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat 我正在使用AppCompat和工具栏.

当导航抽屉图标从汉堡包转换为箭头或反之时,我确保会有动画.

我使用以下技术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>

当我按下导航抽屉,滑入&滑出菜单.但是,它不是很有用.根据材料设计指南,导航抽屉片段应为全高.因此,当它开始滑出时,它将阻止导航抽屉图标.

在处理我的搜索按钮(action_search)时,我更感兴趣的是执行动画,该按钮充当我的工具栏的动作视图.

main_menu.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>

>当我按下action_search时,搜索图标将扩展为autoCompleteTextVIEw.同时,汉堡图标将动画显示箭头图标
>当我按箭头图标时,箭头图标将动画回汉堡包图标.

我尝试通过在阅读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();}@OverrIDepublic 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时,汉堡包图标会变为箭头图标.但是,没有动画.我可以知道有什么我错过了吗？

更新

我怀疑导航抽屉使用的左箭头与搜索 *** 作视图使用的左箭头不同.它们是两个不同的实例.

这是因为如果我点击action_settings,我可以观察动画.但是,如果我单击action_search,我将不会观察动画.我怀疑搜索 *** 作视图使用了左箭头,“阻止”导航抽屉的图标(包括汉堡包和箭头)

解决方法 我没有展开我自己的自定义SearchVIEw就达到了这个效果.
事实是,汉堡和后箭有两个单独的按钮.因此,虽然我们可以使用公共方法setHomeAsUpIndicator()访问汉堡按钮,但只能通过反射来访问后退按钮.然后我们也在它上面设置所需的drawable,并同时在两个按钮drawable上播放动画,而不管特定按钮是否可见.这适用于两个按钮完全位于布局中的相同位置.

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

总结

以上是内存溢出为你收集整理的android – 展开动作视图时的导航抽屉图标(汉堡包和箭头)动画全部内容，希望文章能够帮你解决android – 展开动作视图时的导航抽屉图标(汉堡包和箭头)动画所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。