Android Studio：折叠菜单后Undo/Redo Chip无法点击问题求助

原因分析 #

点击失效的核心问题是**menuCard在关闭状态下仍处于可交互状态**：

• 关闭菜单时仅对menuCard执行了透明度、缩放和平移动画，但它的可见性仍为VISIBLE，且MaterialCardView默认可点击（clickable=true）。
• 即使视觉上不可见，它依然会拦截覆盖区域内的点击事件，导致下方的undoRedoGroup无法响应点击。

修复方案 #

方案1：动画结束后设置菜单可见性为GONE #

在关闭菜单的动画结束后，将menuCard设置为GONE，彻底移除其触摸区域；打开菜单时再恢复为VISIBLE：

public void openMenu() {
    menuCard.setVisibility(View.VISIBLE);
    menuCard.animate()
            .alpha(1f)
            .scaleX(1.0f)
            .translationX(0f)
            .setListener(null); // 清除之前的动画监听

    undoRedoGroup.animate().translationY(0f);
    openCloseButton.animate().scaleX(-1.0f);
}

public void closeMenu() {
    menuCard.animate()
            .alpha(0f)
            .scaleX(0f)
            .translationX(500f)
            .setListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animator) {}

                @Override
                public void onAnimationEnd(Animator animator) {
                    menuCard.setVisibility(View.GONE);
                }

                @Override
                public void onAnimationCancel(Animator animator) {}

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

    undoRedoGroup.animate().translationY(-140f);
    openCloseButton.animate().scaleX(1.0f);
}

方案2：关闭菜单时禁用菜单的可点击性 #

如果不需要完全隐藏menuCard，可以在关闭时将其设为不可点击，避免拦截事件：

public void openMenu() {
    menuCard.setClickable(true);
    // ... 原有动画代码
}

public void closeMenu() {
    menuCard.setClickable(false);
    // ... 原有动画代码
}

1. 使用MotionLayout（推荐） #

MotionLayout是ConstraintLayout的扩展，专门用于处理复杂布局过渡动画，无需编写大量Java代码，直接在XML中定义展开/折叠状态：

• 将根布局替换为MotionLayout
• 创建两个ConstraintSet，分别定义菜单展开和折叠时的布局参数
• 在XML中配置过渡动画的时长、插值器等属性

简化结构示例：

<androidx.constraintlayout.motion.widget.MotionLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layoutDescription="@xml/scene_menu">

    <!-- menuCard、按钮、undoRedoGroup等组件 -->

</androidx.constraintlayout.motion.widget.MotionLayout>

在res/xml/scene_menu.xml中定义展开和折叠场景，自动处理动画过渡。

2. 使用BottomSheetBehavior #

如果菜单是底部弹出式，BottomSheetBehavior是符合Material Design规范的方案，支持拖拽展开/折叠，自带动画效果：

<com.google.android.material.card.MaterialCardView
    android:id="@+id/menu_card"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior">

    <!-- ChipGroup 内容 -->

</com.google.android.material.card.MaterialCardView>

代码中控制展开/折叠：

BottomSheetBehavior<MaterialCardView> behavior = BottomSheetBehavior.from(menuCard);
behavior.setState(BottomSheetBehavior.STATE_COLLAPSED); // 折叠
behavior.setState(BottomSheetBehavior.STATE_EXPANDED); // 展开

3. 动态控制Chip的显示/隐藏 #

无需平移动画，直接在菜单切换时显示/隐藏多余的Chip，减少布局复杂度：

public void openMenu() {
    chip1.setVisibility(View.VISIBLE);
    chip2.setVisibility(View.VISIBLE);
    chip3.setVisibility(View.VISIBLE);
    chip4.setVisibility(View.VISIBLE);
    // ... 其他动画
}

public void closeMenu() {
    chip1.setVisibility(View.GONE);
    chip2.setVisibility(View.GONE);
    chip3.setVisibility(View.GONE);
    chip4.setVisibility(View.GONE);
    // ... 其他动画
}

4. 合并动画调用 #

现有代码中多次调用animate()会创建多个独立Animator，可能导致动画不同步，可合并为一次调用：

menuCard.animate()
        .alpha(0f)
        .scaleX(0f)
        .translationX(500f)
        .setDuration(300) // 统一设置动画时长
        .start();

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