选择任何列表视图时如何使用覆盖活动指示器。
<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
,这相当简单
将ActivityIndicator
和ListView
放在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
包装您的ListView
。 ListView
设置为占用AbsoluteLayout
的整个区域。此外,我在顶部添加了ActivityIndicator
,该位置居中且具有默认大小(AbsoluteLayout.LayoutFlags="PositionProportional"
和AbsoluteLayout.LayoutBounds=".5,.5,-1,-1"
)。如您所见here,
Page
公开了IsBusy
属性,您可以在页面繁忙时(即检索数据或其他)来设置该属性。我已将IsRunning
的ActivityIndicator
属性绑定到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}}" />
将其放在您的
ListView
和ActivityIndicator
之间,它应该拦截ListView
否则会收到的所有事件。仅在显示ActivityIndicator
时显示is。