ViewPager中Fragment内视图动画卡顿问题求助

Hey there, let's tackle this animation issue you're facing with ViewPager Fragments! The root cause here is almost always timing: when you try to start the animation immediately after initializing the Fragment, the view hasn't finished measuring, laying out, or attaching to the screen yet. That's why adding a delay works—it gives the system time to get the view ready. Here are some reliable solutions without relying on arbitrary delays:

1. Wait for the View to Finish Layout Before Starting Animation #

The most straightforward fix is to ensure your view has completed its layout pass before triggering the animation. You can do this using either View.post() or ViewTreeObserver:

Using View.post() (Simpler Approach) #

This queues your animation code to run after the view has been laid out and drawn:

// Inside your Fragment's onCreateView or onViewCreated method
feedImage.post(() -> {
    Animation anim = AnimationUtils.loadAnimation(getActivity(), R.anim.feed_detail_image_animation);
    feedImage.startAnimation(anim);
});

Using ViewTreeObserver (More Explicit) #

If you need more control, listen for the global layout event to confirm the view is ready:

// Inside your Fragment's onCreateView or onViewCreated method
ViewTreeObserver observer = feedImage.getViewTreeObserver();
observer.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        // Remove the listener to avoid repeated triggers
        feedImage.getViewTreeObserver().removeOnGlobalLayoutListener(this);
        Animation anim = AnimationUtils.loadAnimation(getActivity(), R.anim.feed_detail_image_animation);
        feedImage.startAnimation(anim);
    }
});

2. Switch to Property Animations (More Reliable) #

View Animations (the ones you're using now) can be finicky with unlaid-out views. Property Animations modify the actual properties of the view, so they're more stable when working with dynamic view sizes:

feedImage.post(() -> {
    // Set the pivot point based on the view's actual dimensions
    feedImage.setPivotX(feedImage.getWidth()); // Matches your 100% pivotX
    feedImage.setPivotY(feedImage.getHeight()); // Matches your 100% pivotY

    ObjectAnimator scaleX = ObjectAnimator.ofFloat(feedImage, "scaleX", 0f, 1f);
    ObjectAnimator scaleY = ObjectAnimator.ofFloat(feedImage, "scaleY", 0f, 1f);
    scaleX.setDuration(250);
    scaleY.setDuration(250);

    AnimatorSet animSet = new AnimatorSet();
    animSet.playTogether(scaleX, scaleY);
    animSet.start();
});

3. Trigger Animation When the ViewPager Page is Fully Selected #

You can also tie the animation to the ViewPager's page selection event, ensuring the Fragment is fully visible before starting the animation:

First, add a flag and animation method to your Fragment:

public class FeedFragment extends Fragment {
    private boolean isAnimationPlayed = false;
    private ImageView feedImage;

    // ... your existing code ...

    public void startImageAnimation() {
        if (!isAnimationPlayed && feedImage != null) {
            feedImage.post(() -> {
                Animation anim = AnimationUtils.loadAnimation(getActivity(), R.anim.feed_detail_image_animation);
                feedImage.startAnimation(anim);
            });
            isAnimationPlayed = true;
        }
    }

    public boolean isAnimationPlayed() {
        return isAnimationPlayed;
    }
}

Then listen for page changes in your Activity:

mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}

    @Override
    public void onPageSelected(int position) {
        FeedFragment currentFragment = (FeedFragment) mAdapter.getItem(position);
        if (currentFragment != null && !currentFragment.isAnimationPlayed()) {
            currentFragment.startImageAnimation();
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {}
});

4. Optimize Fragment Initialization #

Make sure your Fragment's onCreateView method doesn't do any heavy, blocking operations. Keep view inflation and setup as lightweight as possible—this helps the Fragment attach and layout faster, reducing animation lag.

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