选择任何列表视图时如何使用覆盖活动指示器。

<ListView x:Name="lstView" ItemsSource="{Binding Items}"
        ItemTapped="Handle_ItemTapped"

        ItemSelected="Handle_ItemSelected">
     <ListView.Header>
         <Label Text="Store Allocation" BackgroundColor="White" TextColor="Black" FontAttributes="Bold" HorizontalOptions="Fill" HorizontalTextAlignment="Center" />

     </ListView.Header>
     <ListView.ItemTemplate>
         <DataTemplate>
             <TextCell Text="{Binding Title}"  Height="200" Detail="{Binding Detail}" DetailColor="Black" TextColor="Red"  />
        </DataTemplate>
    </ListView.ItemTemplate>

</ListView>

最佳答案

假设您没有使用MVVM(看起来不像),并且您使用的是Page,这相当简单

ActivityIndicatorListView放在AbsoluteLayout

<ContentPage x:Name="Page" ...>
    <AbsoluteLayout VerticalOptions="Fill">
        <ListView AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
            <!-- ... -->
        </ListView>
        <ActivityIndicator IsRunning="{Binding Path=IsBusy, Source={x:Reference Page}}" AbsoluteLayout.LayoutFlags="PositionProportional" AbsoluteLayout.LayoutBounds=".5,.5,-1,-1" />
    </AbsoluteLayout>
</ContentPage>


我添加了一个AbsoluteLayout包装您的ListViewListView设置为占用AbsoluteLayout的整个区域。此外,我在顶部添加了ActivityIndicator,该位置居中且具有默认大小(AbsoluteLayout.LayoutFlags="PositionProportional"AbsoluteLayout.LayoutBounds=".5,.5,-1,-1")。

如您所见herePage公开了IsBusy属性,您可以在页面繁忙时(即检索数据或其他)来设置该属性。我已将IsRunningActivityIndicator属性绑定到IsBusy,只要ActivityIndicator表示忙时,就会显示Page

在您的后台代码中,例如,从用于检索数据的IsBusy方法中设置async

private async void Update()
{
    IsBusy = true;
    this.Data = await GetData();
    IsBusy = false;
}


编辑

既然您想知道,如何在后台禁用ListView

您可以叠加一个透明的BoxView

<BoxView AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1"
    BackgroundColor="Transparent"
    InputTransparent="false"
    IsVisible="{Binding Path=IsBusy, Source={x:Reference Page}}" />


将其放在您的ListViewActivityIndicator之间,它应该拦截ListView否则会收到的所有事件。仅在显示ActivityIndicator时显示is。

10-07 19:26
查看更多