

!!! 尼玛转成gif这么卡 真实效果很流畅
1,写出所要实现的动画效果
private void doAnim(MyLin view, int i, final boolean v) {
// 运用PropertyValuesHolder 完成组合动画
PropertyValuesHolder valuesHolder;
PropertyValuesHolder valuesHolder3;
ObjectAnimator objectAnimator;
// translationY : 纵向移动
// alpha : 透明度
if (v){ // 隐藏
valuesHolder = PropertyValuesHolder.ofFloat("translationY", 0.0f, -(view.getHeight())*i); // 这里 *i 是因为每个控件向上移动的距离都不一样
valuesHolder3 = PropertyValuesHolder.ofFloat("alpha", 1.0f, 0);
objectAnimator = ObjectAnimator.ofPropertyValuesHolder(view, valuesHolder,valuesHolder3);
}else{ // 显示
valuesHolder = PropertyValuesHolder.ofFloat("translationY",-(view.getHeight())*i ,0.0f );
valuesHolder3 = PropertyValuesHolder.ofFloat("alpha",0f , 1.0f);
objectAnimator = ObjectAnimator.ofPropertyValuesHolder(view, valuesHolder,valuesHolder3);
}
objectAnimator.setDuration(500).start(); // 动画执行时间 300 毫秒
}
objectAnimator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
if (v)
imageView.setVisibility(View.GONE); // 当收缩动画完成时,隐藏所有view
}
});
2, 启动动画
@OnClick(R.id.image1)
public void onClick() {
for (int i = 0; i < myLins.size(); i++) {
if (v){ // v 是否已经隐藏和显示标记
doAnim(myLins.get(i),i+1,v); //ViewGroup 中的每个view 都单独执行一遍动画
if ((myLins.size()-1) == i)
v = false;
}else {
myLins.get(i).setVisibility(View.VISIBLE); // 在开始动画之前显示出所有view
doAnim(myLins.get(i),i+1,v);
if ((myLins.size()-1) == i)
v = true;
}
}
}
3,因为布局容器中添加android:animateLayoutChanges=”true”的属性,当ViewGroup控件里有View VISIBLE或GONE 时启动默认动画效果,所以当手动 setVisibility(View.VISIBLE/GONE ) 时会出现动画重复的现象,
因此,将子控件显现和消失的动画置空,其他动画不改变.
//初始化容器动画
mTransitioner = new LayoutTransition();
ll.setLayoutTransition(mTransitioner); // ll 为ViewGroup
// view出现时 view自身的动画效果置空
mTransitioner.setAnimator(LayoutTransition.APPEARING, null);
// view消失时 view自身的动画效果置空
mTransitioner.setAnimator(LayoutTransition.DISAPPEARING, null);
网友评论