如何获取Xamarin.Forms导航栏背景色并同步至Grid？

没问题，这事儿其实很简单，核心就是确保你用的BarBackgroundColor静态资源已经在应用的资源字典里正确定义了，然后直接在Grid里引用就行。我给你一步步说清楚：

第一步：定义静态资源BarBackgroundColor #

你需要先把导航栏的颜色值注册为静态资源，这样整个应用或者当前页面都能复用它。有两种常见的定义方式：

1. 全局定义（整个应用可用） #

打开App.xaml，在ResourceDictionary里添加你的颜色资源：

<Application xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourAppName.App">
    <Application.Resources>
        <ResourceDictionary>
            <!-- 这里定义你想要的导航栏背景色，比如蓝色 -->
            <Color x:Key="BarBackgroundColor">#2196F3</Color>
        </ResourceDictionary>
    </Application.Resources>
</Application>

2. 页面级定义（仅当前页面可用） #

如果只需要在某个页面里使用，就在该页面的ContentPage.Resources中定义：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourAppName.YourPage">
    <ContentPage.Resources>
        <ResourceDictionary>
            <Color x:Key="BarBackgroundColor">#2196F3</Color>
        </ResourceDictionary>
    </ContentPage.Resources>
    
    <!-- 页面内容 -->
</ContentPage>

第二步：在Grid中引用该资源 #

这一步就和你预期的一样，直接给Grid设置BackgroundColor属性为这个静态资源就行，比如：

<Grid BackgroundColor="{StaticResource BarBackgroundColor}">
    <!-- Grid里的内容，比如Label、Button等 -->
    <Label Text="我在和导航栏同色的Grid里" HorizontalOptions="Center" VerticalOptions="Center"/>
</Grid>

额外小技巧：动态同步导航栏颜色 #

如果你的导航栏颜色是通过NavigationPage动态设置的（比如在代码里修改NavigationPage.BarBackgroundColor），你可以直接绑定Grid的背景色到导航栏的颜色，不用静态资源也能实现同步：

<!-- 先给NavigationPage起个名字 -->
<NavigationPage x:Name="MainNav" BarBackgroundColor="#2196F3">
    <x:Arguments>
        <ContentPage>
            <Grid BackgroundColor="{Binding Source={x:Reference MainNav}, Path=BarBackgroundColor}">
                <!-- Grid内容 -->
            </Grid>
        </ContentPage>
    </x:Arguments>
</NavigationPage>

这样不管你什么时候修改导航栏的颜色，Grid的背景色都会自动跟着变，非常方便。

内容的提问来源于stack exchange，提问作者Drake