ListView行展开动画问题：餐厅菜单流畅展开动画实现

嘿，我太懂你这种情况了——用TranslateAnimation做菜单展开确实比直接用ValueAnimator改高度流畅不少，但这类动画很容易踩一个隐形的坑：动画只是视觉上让菜单滑下来了，但布局的实际尺寸和点击区域根本没同步更新，要么动画结束后菜单莫名弹回去，要么点击事件完全不对位，对吧？

我给你整理几个实用的修复和优化方案：

1. 动画结束后固定布局的实际高度 #

TranslateAnimation只是做了视觉上的位移，并没有改变布局的真实参数，所以必须在动画结束时手动更新高度，把展开状态固定下来：

expandAnimation.setAnimationListener(new Animation.AnimationListener() {
    @Override
    public void onAnimationStart(Animation animation) {}

    @Override
    public void onAnimationEnd(Animation animation) {
        // 把布局高度设为目标高度，让展开状态真正生效
        ViewGroup.LayoutParams params = menuLayout.getLayoutParams();
        params.height = targetHeight;
        menuLayout.setLayoutParams(params);
        // 清除动画，避免后续复用或交互时出现冲突
        menuLayout.clearAnimation();
    }

    @Override
    public void onAnimationRepeat(Animation animation) {}
});

2. 配套处理收起动画的逻辑 #

如果还要做收起动画，同样用TranslateAnimation反向操作，结束时把高度设为0或者隐藏：

TranslateAnimation collapseAnimation = new TranslateAnimation(0f, 0f, 0f, -menuLayout.getHeight());
collapseAnimation.setDuration(300);
collapseAnimation.setAnimationListener(new Animation.AnimationListener() {
    @Override
    public void onAnimationStart(Animation animation) {}

    @Override
    public void onAnimationEnd(Animation animation) {
        ViewGroup.LayoutParams params = menuLayout.getLayoutParams();
        params.height = 0; // 或者根据需求设为WRAP_CONTENT并隐藏
        menuLayout.setLayoutParams(params);
        menuLayout.clearAnimation();
    }

    @Override
    public void onAnimationRepeat(Animation animation) {}
});
menuLayout.startAnimation(collapseAnimation);

3. 避免ListView复用导致的状态混乱 #

因为ListView的item会被复用，滑动后很可能出现其他餐厅的菜单莫名展开的情况。你需要给每个餐厅的数据模型加一个isExpanded标记，在getView方法里根据这个标记初始化菜单的高度：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    // ... 初始化view和数据的逻辑
    Restaurant restaurant = mDataList.get(position);
    ViewGroup.LayoutParams params = menuLayout.getLayoutParams();
    if (restaurant.isExpanded()) {
        params.height = targetHeight;
    } else {
        params.height = 0;
    }
    menuLayout.setLayoutParams(params);
    // ... 其他逻辑
    return convertView;
}

可选：用ViewPropertyAnimator简化实现（兼容Android 3.0+） #

如果你的应用不需要兼容过低版本，ViewPropertyAnimator会更省心——它自动同步视觉和布局状态，不用手动改参数：

// 先把菜单移到视线外
menuLayout.setTranslationY(-targetHeight);
menuLayout.setVisibility(View.VISIBLE);
// 执行展开动画
menuLayout.animate()
        .translationY(0)
        .setDuration(300)
        .setListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {}

            @Override
            public void onAnimationEnd(Animator animator) {
                menuLayout.setTranslationY(0); // 确保最终位置绝对正确
            }

            @Override
            public void onAnimationCancel(Animator animator) {}

            @Override
            public void onAnimationRepeat(Animator animator) {}
        });

内容的提问来源于stack exchange，提问作者thebluef0x