Xamarin 表单中是否有相当于 iOS 的动态系统颜色？

Question

在开发 Xamarin.iOS 应用程序时，我能够为 backgroundColors 指定动态系统颜色以自动调整明暗模式。

例如：

if (UIDevice.CurrentDevice.CheckSystemVersion(13, 0))
{
    goalsCard.BackgroundColor = UIColor.SystemBackgroundColor;
}
else
{
    goalsCard.BackgroundColor = UIColor.White;
}

现在，当使用 .xaml 文件并且不使用主题时，我希望能够做同样的事情，例如标签。

我看到我可以用属性说：

TextColor = {AppThemeBinding Dark=Black, Light=White}

但我想让目标平台为我选择合适的颜色，而不是强制它们。

实际上，这个简单的 Label（没有明确指定颜色）在 iOS 上的深色模式下会消失：

<Label Text="{this:Localize SavePassword}"
                 Font="Large"
                 HorizontalOptions="StartAndExpand"
                 VerticalOptions="Center"
                 Grid.Row="0"
                 Grid.Column="0"/>

Xamarin Forms 甚至可以做到这一点吗？

Answer 1

Microsoft 文档在此处提供了与您的需求相似的内容：https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/theming/system-theme-changes

<ContentPage ...>
<StackLayout Margin="20">
    <Label Text="This text is green in light mode, and red in dark mode."
           TextColor="{AppThemeBinding Light=Green, Dark=Red}" />
    <Image Source="{AppThemeBinding Light=lightlogo.png, Dark=darklogo.png}" />
</StackLayout>

然后

<ContentPage ...>
<ContentPage.Resources>

    <!-- Light colors -->
    <Color x:Key="LightPrimaryColor">WhiteSmoke</Color>
    <Color x:Key="LightSecondaryColor">Black</Color>

    <!-- Dark colors -->
    <Color x:Key="DarkPrimaryColor">Teal</Color>
    <Color x:Key="DarkSecondaryColor">White</Color>

    <Style x:Key="ButtonStyle"
           TargetType="Button">
        <Setter Property="BackgroundColor"
                Value="{AppThemeBinding Light={StaticResource LightPrimaryColor}, Dark={StaticResource DarkPrimaryColor}}" />
        <Setter Property="TextColor"
                Value="{AppThemeBinding Light={StaticResource LightSecondaryColor}, Dark={StaticResource DarkSecondaryColor}}" />
    </Style>

</ContentPage.Resources>

<Grid BackgroundColor="{AppThemeBinding Light={StaticResource LightPrimaryColor}, Dark={StaticResource DarkPrimaryColor}}">
  <Button Text="MORE INFO"
          Style="{StaticResource ButtonStyle}" />
</Grid>