Android中Fragment平滑缩放（全屏进入/原位退出）实现方案咨询

Hey，我来帮你搞定Android Fragment的平滑缩放过渡问题！你提到的代码片段已经找对了方向——核心就是用**共享元素过渡（Shared Element Transition）**来实现进入时缩放到全屏、退出时还原位置的效果，咱们把整个流程拆解清楚，一步步来：

核心原理 #

共享元素过渡能让两个页面中的同一个View（比如你代码里的ImageView）在Fragment切换时，产生连贯的位置+大小缩放动画，再配合普通的进入/退出过渡，就能让整个Fragment的切换效果更自然。

分步实现 #

1. 给源页面的共享View设置唯一过渡名称 #

首先在你要触发缩放的源页面（比如列表Fragment或Activity）中，给目标ImageView设置一个唯一的transitionName——这个名称是源和目标Fragment关联共享元素的关键：

// 示例：给列表中的ImageView设置过渡名称，建议用图片ID或唯一标识避免冲突
ImageView sourceImageView = itemView.findViewById(R.id.source_image);
ViewCompat.setTransitionName(sourceImageView, "shared_image_" + imageId);

2. 自定义过渡动画类 #

你代码里的DetailsTransition就是控制缩放动画的核心，咱们把它补全，组合系统提供的过渡类来实现平滑缩放：

public class DetailsTransition extends TransitionSet {
    public DetailsTransition() {
        setOrdering(ORDERING_TOGETHER);
        // 组合三个过渡：位置大小变化+缩放旋转+图片裁剪缩放
        addTransition(new ChangeBounds())
                .addTransition(new ChangeTransform())
                .addTransition(new ChangeImageTransform());
        
        // 自定义动画时长（单位：毫秒）和插值器
        setDuration(350);
        setInterpolator(new AccelerateDecelerateInterpolator());
    }
}

如果你需要更定制化的动画（比如指定缩放起点），可以重写createAnimator方法，手动控制View的scaleX、scaleY、translationX、translationY属性动画。

3. 配置目标Fragment的过渡参数 #

创建目标Fragment（比如全屏展示图片的Fragment）时，给它设置对应的过渡规则：

ViewPagerFragment targetFragment = ViewPagerFragment.newInstance(imageId);

// 共享元素进入过渡：控制共享ImageView的缩放动画
targetFragment.setSharedElementEnterTransition(new DetailsTransition());
// 普通进入过渡：控制Fragment其他视图的进入效果（比如淡入）
targetFragment.setEnterTransition(new Fade());
// 返回过渡：控制从目标Fragment返回时的普通视图退出效果
targetFragment.setReturnTransition(new Fade());
// 允许返回时共享元素动画和普通过渡重叠，视觉更流畅
targetFragment.setAllowReturnTransitionOverlap(true);

4. 执行Fragment替换并启动过渡 #

在源页面中执行Fragment替换操作，记得添加共享元素并加入回退栈（否则返回时不会触发过渡动画）：

getSupportFragmentManager()
        .beginTransaction()
        // 绑定源View和对应的过渡名称
        .addSharedElement(sourceImageView, ViewCompat.getTransitionName(sourceImageView))
        .replace(R.id.fragment_container, targetFragment)
        .addToBackStack(null) // 必须加回退栈！否则返回时直接销毁Fragment
        .commit();

5. 目标Fragment中绑定相同的过渡名称 #

最后在目标Fragment的onViewCreated方法中，给全屏的ImageView设置和源View完全相同的transitionName：

ImageView fullImageView = view.findViewById(R.id.full_screen_image);
ViewCompat.setTransitionName(fullImageView, "shared_image_" + imageId);

划重点：这一步绝对不能忘！系统靠这个名称来匹配两个页面的共享元素，不匹配的话动画直接失效。

额外优化与注意事项 #

• 兼容低版本：共享元素过渡从API21开始支持，如果要兼容更低版本，可以用ViewCompat的方法，或者给低版本做降级处理（比如直接跳转无动画）。
• 图片清晰度：如果源View是缩略图，目标是高清图，建议提前预加载高清图到目标ImageView，避免缩放时出现模糊。
• 动画监听：如果需要在动画开始/结束时做额外操作（比如隐藏源页面的其他元素），可以给Transition添加Listener：

DetailsTransition transition = new DetailsTransition();
transition.addListener(new Transition.TransitionListener() {
    @Override
    public void onTransitionStart(Transition transition) {
        // 动画开始：比如隐藏源页面的标题栏
    }

    @Override
    public void onTransitionEnd(Transition transition) {
        // 动画结束：比如显示目标页面的操作按钮
    }

    // 其他方法空实现即可
    @Override
    public void onTransitionCancel(Transition transition) {}
    @Override
    public void onTransitionPause(Transition transition) {}
    @Override
    public void onTransitionResume(Transition transition) {}
});
targetFragment.setSharedElementEnterTransition(transition);

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