我有一个Xamarin Forms页面,在末尾有一个StackLayout覆盖整个屏幕,只有在调用它时才可见。
StackLayout可以正确显示,ActivityIndicator也是如此。但是,我仍然可以单击任何应该位于StackLayout下方的控件。
这是预期行为吗?在WPF或类似平台上,当我把一个控件放在另一个控件前面时,不允许单击其后面的控件。
XAML:
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="Background.png" Aspect="AspectFill"></Image>
<StackLayout Padding="10, 10, 0, 0">
<Image Source="Logo.png" WidthRequest="200" HorizontalOptions="Start" />
</StackLayout>
<RelativeLayout>
<StackLayout x:Name="ContentContainer" BackgroundColor="Black" Opacity="0.7" Orientation="Vertical"
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.33}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=1.00}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.33}" >
<StackLayout x:Name="ControlContainer" Orientation="Vertical" VerticalOptions="CenterAndExpand" >
<Entry x:Name="EmailInput" VerticalOptions="Center" Placeholder="Email" HorizontalOptions="Fill" />
<Entry x:Name="PasswordInput" VerticalOptions="Center" Placeholder="Password" HorizontalOptions="Fill" IsPassword="true" />
</StackLayout>
</StackLayout>
</RelativeLayout>
<Grid Grid.Row="1" RowSpacing="0" ColumnSpacing="0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="2*" />
<ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>
<Button x:Name="LoginButton" Text="Login" BackgroundColor="#FFCF3838" HorizontalOptions="FillAndExpand" Grid.Column="1" Grid.Row="0" BorderWidth="1" BorderColor="White" IsEnabled="{Binding Path=LoginViewModel.IsPageEnabled}" />
<Button x:Name="RegisterButton" Text="Register" HorizontalOptions="Fill" BackgroundColor="#FFCF3838" Grid.Column="0" Grid.Row="0" BorderWidth="1" BorderColor="White" IsEnabled="{Binding Path=LoginViewModel.IsPageEnabled}" />
</Grid>
<StackLayout x:Name="LoadingContainer" BackgroundColor="Black" Opacity="0.7" Orientation="Vertical" IsVisible="{Binding Path=LoginViewModel.IsBusy}"
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0}" >
<StackLayout HeightRequest="70" VerticalOptions="CenterAndExpand">
<ActivityIndicator IsVisible="{Binding Path=LoginViewModel.IsBusy}"
IsRunning="{Binding Path=LoginViewModel.IsBusy}"
VerticalOptions="Center"
HorizontalOptions="CenterAndExpand"
Color="{x:Static common:ColorResources.ActivityIndicatorColor}"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.33}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.33}" />
<Label Text="Loading ..." Font="12" TextColor="White" VerticalOptions="Center" HorizontalOptions="Center"></Label>
</StackLayout>
</StackLayout>
</Grid>
在开始时,StackLayout isVisible="false",内容和按钮都是可见且正常工作的。当isVisible变为true时,StackLayout会用ActivityIndicator覆盖屏幕。如上所述,一切都工作得很好,但我仍然可以单击最初显示的任何按钮,即使我可以看到StackLayout完全覆盖并在屏幕顶部。