如何在WinUI ItemsRepeater中添加交错物品入口动画？

using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Hosting;
using Microsoft.UI.Xaml.Media.Animation;
using Windows.UI.Composition;

public class CustomItemsRepeaterAnimator : CompositionObject, IItemsRepeaterAnimator
{
    public void AnimateEntrance(UIElement element, Visual visual)
    {
        // 创建平移动画
        var translationAnimation = visual.Compositor.CreateVector3KeyFrameAnimation();
        translationAnimation.InsertKeyFrame(0.0f, new System.Numerics.Vector3(0, 100, 0));
        translationAnimation.InsertKeyFrame(1.0f, new System.Numerics.Vector3(0, 0, 0));
        translationAnimation.Duration = TimeSpan.FromMilliseconds(500);

        // 创建透明度动画
        var opacityAnimation = visual.Compositor.CreateScalarKeyFrameAnimation();
        opacityAnimation.InsertKeyFrame(0.0f, 0.0f);
        opacityAnimation.InsertKeyFrame(1.0f, 1.0f);
        opacityAnimation.Duration = TimeSpan.FromMilliseconds(500);

        // 将动画应用到Visual对象
        visual.StartAnimation("Translation", translationAnimation);
        visual.StartAnimation("Opacity", opacityAnimation);
    }
}

// 在页面或用户控件中使用ItemsRepeater和自定义动画类
public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();

        // 创建ItemsRepeater实例
        var itemsRepeater = new ItemsRepeater();

        // 创建自定义动画类实例
        var animator = new CustomItemsRepeaterAnimator();

        // 将动画类赋值给ItemsRepeater的Animator属性
        ItemsRepeater.SetAnimator(itemsRepeater, animator);

        // 将ItemsRepeater添加到页面中的容器中
        container.Children.Add(itemsRepeater);
    }

    // 当数据源发生变化时触发动画效果
    private void OnDataChanged()
    {
        // 调用AnimateEntrance方法触发动画效果
        var animator = ItemsRepeater.GetAnimator(itemsRepeater) as CustomItemsRepeaterAnimator;
        foreach (var element in itemsRepeater.ItemsSource)
        {
            var visual = ElementCompositionPreview.GetElementVisual(element);
            animator.AnimateEntrance(element, visual);
        }
    }
}