Xamarin：在加载数据之前保留列表中的项目

Question

在移动应用程序中，当有产品列表要显示时，通常是等待数据加载，位置显示为灰色，这样可以避免在加载文本和图像时出现手风琴效果。我想知道使用此 Xamarin 表单执行此操作的最佳方法是什么？如果你有一个例子。谢谢。

Answer 1

如果您正在使用 ListView，那么您可以实现一个空的列表视图模板，并在项目加载时呈现您想要的内容。这是此功能的一个很好的示例：

https://github.com/xamcat/mobcat-library/blob/master/MobCAT.Forms/Controls/InfiniteListView.cs#L59-L63

展望未来，我建议切换到 CollectionView，因为它是在 Xamarin.Forms 应用程序中处理列表的推荐控件，并遵循 guide posted by Jason in his comment.

Answer 2

我已经使用了collectionView，感谢您的回答，这里更多的是使用IsBusy判断webservice是否被调用

<CollectionView.EmptyView>
<ContentView x:DataType="viewModels:ProductListViewModel">
    <StackLayout>
        <Grid
            ColumnDefinitions="*,*"
            IsVisible="{Binding IsBusy}"
            RowDefinitions="Auto,Auto,Auto">
            <controls:EmptyProductView
                x:Name="EmptyProduct"
                Grid.Row="0"
                Grid.Column="0" />
            <controls:EmptyProductView Grid.Row="0" Grid.Column="1" />
            <controls:EmptyProductView Grid.Row="1" Grid.Column="0" />
            <controls:EmptyProductView Grid.Row="1" Grid.Column="1" />
            <controls:EmptyProductView Grid.Row="2" Grid.Column="0" />
            <controls:EmptyProductView Grid.Row="2" Grid.Column="1" />
            <controls:EmptyProductView Grid.Row="3" Grid.Column="0" />
            <controls:EmptyProductView Grid.Row="3" Grid.Column="1" />
            <controls:EmptyProductView Grid.Row="4" Grid.Column="0" />
            <controls:EmptyProductView Grid.Row="4" Grid.Column="1" />
        </Grid>
        <Label IsVisible="{Binding IsNotBusy}" Text="No data" />
    </StackLayout>
</ContentView>
</CollectionView.EmptyView>

Xamarin：在加载数据之前保留列表中的项目

Xamarin : reserve items in a list before loading data

xamarin

xamarin.forms

xamarin.forms.listview