单击按钮隐藏/取消隐藏 XAML 元素

Question

当我提出WebService 请求时，我一直在尝试实现这个ActivityIndicator。我已经通过了几种不同的解决方案，我正在尝试最简单的一种，如下所示：

https://www.youtube.com/watch?v=FmX4RD2iyWw

嗯，它不适合我。在我看来，它不接受我想给变量的新值。当我通过代码将 IsVisible 变量设置为 true 时，我可以看到那里的旋转圆圈，但是，当我将变量设置为 false 并单击按钮时，没有任何反应。此外，应该有一个“空白”空间对应于不存在的元素。

任何帮助将不胜感激。

非常感谢！

LoginPage.xaml：

<ContentPage.Content>
  <StackLayout>
    <ActivityIndicator x:Name="activityIndicator" IsVisible="false" IsRunning="True" WidthRequest="30" HeightRequest="30"/>
  </StackLayout>
</ContentPage.Content>

<Button Text="Sign In" Clicked="SignIn" />

LoginPage.xaml.cs：

void SignIn(object sender, EventArgs e)
  {
    activityIndicator.IsVisible = true;
    Method();
    activityIndicator.IsVisible = false;
  }

Answer 1

在 cmets 的帮助下，我进行了一些小改动，使其正常工作。我相信 await 命令是我遗漏的细节之一。 我不确定这是否是最好的解决方案。我很确定我应该为此使用某种标志，但我仍然不能这样做。

以下两种解决方案：

1.通过将IsVisible 属性设置为FALSE，您可以隐藏ActivityIndicator 而没有为元素保留空间

LoginPage.xaml：

<ContentPage.Content>
  <StackLayout>
    <ActivityIndicator x:Name="activityIndicator" IsVisible="false" IsRunning="True" WidthRequest="30" HeightRequest="30"/>
    <Button Text="Sign In" Clicked="SignIn" />
  </StackLayout>
</ContentPage.Content>

LoginPage.xaml.cs：

async void SignIn(object sender, EventArgs e)
  {
    activityIndicator.IsVisible = true;
    await Task.Delay(500);
    Method();
    activityIndicator.IsVisible = false;
  }

2。通过将IsRunning 属性设置为FALSE，您可以隐藏ActivityIndicator 并为元素保留保留空间

LoginPage.xaml：

<ContentPage.Content>
  <StackLayout>
    <ActivityIndicator x:Name="activityIndicator" IsVisible="True" IsRunning="False" WidthRequest="30" HeightRequest="30"/>
    <Button Text="Sign In" Clicked="SignIn" />
  </StackLayout>
</ContentPage.Content>

LoginPage.xaml.cs：

async void SignIn(object sender, EventArgs e)
  {
    activityIndicator.IsRunning = true;
    await Task.Delay(500);
    Method();
    activityIndicator.IsRunning = false;
  }