android 图标局部动画,android – 从添加片段的汉堡包到箭头图标的过渡动画

我已经实现了主/细节流程,我希望在添加片段后获得从汉堡包图标到箭头图标的过渡动画(与打开导航抽屉时相同的动画).

我使用的代码如下：

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_home);

toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

getSupportActionBar().setDisplayHomeAsUpEnabled(true);

drawer = (DrawerLayout) findViewById(R.id.drawer_layout);

toggle = new ActionBarDrawerToggle(this, drawer, R.string.navigation_drawer_open, R.string.navigation_drawer_close);

drawer.setDrawerListener(toggle);

toggle.setDrawerIndicatorEnabled(true);

toggle.syncState();

//Add home page fragment

FragmentManager fragmentManager = getFragmentManager();

HabitHomeFragment homePageFragment = new HabitHomeFragment();

FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();

fragmentTransaction.replace(R.id.habit_home, homePageFragment);

fragmentTransaction.commit();}

在添加细节片段时：

public void showDetails() {

toggle.setDrawerIndicatorEnabled(false);

getSupportActionBar().setDisplayHomeAsUpEnabled(true);

fragmentTransaction.replace(R.id.habit_home, habitDetailsFragment).addToBackStack("detail").commit();}

和工具栏：

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:theme="@style/AppTheme.AppBarOverlay">

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="?attr/actionBarSize"

android:background="?attr/colorPrimary"

app:popupTheme="@style/AppTheme.PopupOverlay" />

....

目前在更改片段后,图标只是更改,没有动画.

解决方法:

先解释一下.

> android.support.v7.app.ActionBarDrawerToggle使用特殊的可绘制类来制作汉堡包到箭头的图标和动画.

>该类是android.support.v7.graphics.drawable.DrawerArrowDrawable

> DrawerArrowDrawable使用方法setProgress(浮点进度)实现动画,其中进度从0(汉堡包)到1(箭头).

> ActionBarDrawerToggle使用调用DrawerArrowDrawable.setProgress()的private void setPosition(float position)

> ActionBarDrawerToggle使用public void onDrawerSlide(View drawerView,float slideOffset)来调用private setPosition()

> ActionBarDrawerToggle在构造函数中使用它的侦听器调用toolbar.setNavigationOnClickListener(),该侦听器用于切换抽屉.

> ActionBarDrawerToggle跟踪实际的DrawerArrowDrawable状态.工具栏和ActionBar不跟踪实际的DrawerArrowDrawable状态.

那么,你应该在活动中做些什么.选项-A,使用ActionBarDrawerToggle.

// define a variable to track hamburger-arrow state

protected boolean isHomeAsUp = false;

protected DrawerLayout drawer;

protected Toolbar toolbar;

protected ActionBarDrawerToggle toggle;

// I've implemented it in setContentView(), but you can implement it in onCreate()

@Override

public void setContentView(@LayoutRes int layoutResID) {

super.setContentView(layoutResID);

toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

drawer = (DrawerLayout) findViewById(R.id.drawer_layout);

toggle = new ActionBarDrawerToggle(this, drawer, toolbar, R.string.drawer_open, R.string.drawer_close);

drawer.addDrawerListener(toggle);

toggle.syncState();

// overwrite Navigation OnClickListener that is set by ActionBarDrawerToggle

toolbar.setNavigationOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

if (drawer.isDrawerOpen(GravityCompat.START)){

drawer.closeDrawer(GravityCompat.START);

} else if (isHomeAsUp){

onBackPressed();

} else {

drawer.openDrawer(GravityCompat.START);

}

}

});

}

// call this method for animation between hamburged and arrow

protected void setHomeAsUp(boolean isHomeAsUp){

if (this.isHomeAsUp != isHomeAsUp) {

this.isHomeAsUp = isHomeAsUp;

ValueAnimator anim = isHomeAsUp ? ValueAnimator.ofFloat(0, 1) : ValueAnimator.ofFloat(1, 0);

anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator valueAnimator) {

float slideOffset = (Float) valueAnimator.getAnimatedValue();

toggle.onDrawerSlide(drawer, slideOffset);

}

});

anim.setInterpolator(new DecelerateInterpolator());

// You can change this duration to more closely match that of the default animation.

anim.setDuration(400);

anim.start();

}

}

或者您可以使用toolbar.setNavigationIcon()将DrawerArrowDrawable设置为导航图标,并在没有ActionBarDrawerToggle的情况下为其设置动画

见选项-B：https://stackoverflow.com/a/42024138/1148784

标签：android,android-fragments,animation

来源： https://codeday.me/bug/20190724/1524823.html