Csharp Lottie 动画(使用 SkiaSharp)不会显示在 collectionview.empyview 内容视图中

是的，我可以复制这个.我发现的解决办法不是很优雅，但对我来说很管用.这就是删除Lottie并在后面的代码中重新添加它.请try 以下代码:

100.Please note that we should also add the lottie in the xaml，否则不会显示.

<Button
   x:Name="CounterBtn"
   Text="Click me"
   SemanticProperties.Hint="Counts the number of times you click"
   Command="{Binding ClickedCommand}"
   HorizontalOptions="Center" />

....

<CollectionView.EmptyView>
   <ContentView MinimumHeightRequest="485" IsVisible="{Binding IsEmpty}">
      <VerticalStackLayout x:Name="mystack" HorizontalOptions="CenterAndExpand" VerticalOptions="StartAndExpand"
                           Spacing="30"
                           Margin="0, 0, 0, 0">
         <Grid x:Name="mygrid" HorizontalOptions="CenterAndExpand" VerticalOptions="StartAndExpand" HeightRequest="350"
                                 WidthRequest="350">

           <skia:SKLottieView  x:Name="mylot" Source="dotnetbot.json"
                                   RepeatCount="-1"
                                   HeightRequest="350"
                                   WidthRequest="350"
                                   HorizontalOptions="CenterAndExpand"
                                   VerticalOptions="CenterAndExpand"/>
           <Label Text="NOT FOUND" TextColor="Black"
               FontFamily="FAR" FontSize="30" FontAttributes="Bold"
               VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand"/>

         </Grid>

         <Label Text="{Binding MyText}"
                FontSize="15" FontFamily="Conthrax"
                HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"/>
      </VerticalStackLayout>
   </ContentView>

在视图模型中，让我们实现ClickedCommand.请注意，我这里使用的是MessagingCenter.因为当集合中没有任何项时，我们希望向后端代码发送一条消息以再次添加Lottie

    public Command ClickedCommand
    {
        get
        {
            return new Command(() =>
            {
                ItemCollection.RemoveAt(0);
                if(ItemCollection.Count ==0)
                {
                    MessagingCenter.Send<MainPageViewModel>(this, "Hi");
                }

            });

        }
    }

在.NET 7中，建议使用WeakReferenceMessenger而不是MessagingCenter.这些用法是相似的.

100，我们只需订阅消息，然后删除并再次添加Lottie.

public MainPage()
{
    InitializeComponent();
    this.BindingContext = viewModel = new MainPageViewModel();
    MessagingCenter.Subscribe<MainPageViewModel>(this, "Hi", (s) =>
    {
        mygrid.Clear();
        SKLottieView myanimatedview = new SKLottieView();
        var a = new SKFileLottieImageSource();
        a.File = "dotnetbot.json";
        myanimatedview.WidthRequest = 300;
        myanimatedview.HeightRequest = 300;
        myanimatedview.Source = a;
        myanimatedview.RepeatCount = -1;
        mygrid.Add(myanimatedview);
        Label label = new Label()
        {
            Text = "NOT FOUND",
            TextColor = Colors.LightBlue,
            VerticalOptions = LayoutOptions.CenterAndExpand,
            HorizontalOptions = LayoutOptions.CenterAndExpand
        };
        mygrid.Add(label);
    });


}

有关更多信息，您可以参考SKLottieView.您也可以在Github:SKLottie Issues on Github上报告问题

希望它能帮上忙！