如何实现RecyclerView中卡片的Facebook式触控展开收起效果？

嘿，我来帮你实现这个类似Facebook的卡片触控展开效果！咱们一步步来搞定：

核心思路很清晰：给每个卡片添加触摸监听，在按下时放大当前卡片，松开（或触摸取消）时恢复原尺寸，同时你已经把setHasFixedSize设为false，这刚好适配卡片尺寸变化的场景，非常正确。

步骤1：给ViewHolder添加触摸监听 #

你已经有长按监听了，现在补充一个OnTouchListener来处理按下和松开的动作，直接整合到你的onBindViewHolder里：

myViewHolder.itemView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 按下时放大卡片，这里用1.05倍的缩放，你可以按需调整
                v.animate()
                  .scaleX(1.05f)
                  .scaleY(1.05f)
                  .setDuration(150) // 动画时长，毫秒单位
                  .start();
                return true; // 标记事件已处理，避免传递给其他监听
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                // 松开或触摸被打断时，恢复卡片原尺寸
                v.animate()
                  .scaleX(1.0f)
                  .scaleY(1.0f)
                  .setDuration(150)
                  .start();
                v.performClick(); // 确保点击事件能正常触发（如果需要的话）
                return true;
            default:
                return false;
        }
    }
});

步骤2：优化卡片布局，避免内容溢出 #

你的卡片是CardView包裹内部控件，记得给CardView加上裁剪属性，防止缩放时内容跑到卡片边界外面。在你的卡片XML布局里：

<androidx.cardview.widget.CardView
    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="wrap_content"
    android:clipChildren="true"
    android:clipToPadding="true"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp">

    <!-- 你的ImageView、TextView、RelativeLayout等内部控件 -->

</androidx.cardview.widget.CardView>

步骤3：确保长按功能正常工作 #

你原来的长按监听可以保留，注意把onLongClick的返回值改成true，避免触摸事件和长按事件互相干扰：

myViewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
    @Override
    public boolean onLongClick(View view) {
        Toast.makeText(context,"OnLongClick",Toast.LENGTH_SHORT).show();
        return true; // 返回true，标记长按事件已处理
    }
});

完整的绑定代码示例 #

把这些整合到你的onBindViewHolder里，最终代码大概是这样：

@Override
public void onBindViewHolder(@NonNull MyViewHolder myViewHolder, int position) {
    Content content = lista.get(position);
    // ... 你的原有赋值代码（设置标题、图片、描述等）...

    // 添加触摸缩放监听
    myViewHolder.itemView.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    v.animate()
                      .scaleX(1.05f)
                      .scaleY(1.05f)
                      .setDuration(150)
                      .start();
                    return true;
                case MotionEvent.ACTION_UP:
                case MotionEvent.ACTION_CANCEL:
                    v.animate()
                      .scaleX(1.0f)
                      .scaleY(1.0f)
                      .setDuration(150)
                      .start();
                    v.performClick();
                    return true;
                default:
                    return false;
            }
        }
    });

    // 保留长按监听
    myViewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
        @Override
        public boolean onLongClick(View view) {
            Toast.makeText(context,"OnLongClick",Toast.LENGTH_SHORT).show();
            return true;
        }
    });
}

这样就能实现你想要的效果：触摸卡片时，当前卡片会放大展开，其他卡片保持原尺寸；松开手指后，卡片立刻恢复到原始大小。你可以根据自己的UI风格，调整缩放比例（比如改成1.1f）或者动画时长（比如200毫秒）来优化体验。

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