如何在ResourceDictionary的DataTemplate中实现属性绑定？

嘿，我来帮你搞定这个DataTemplate的属性绑定问题～先把你给出的代码片段整理完整，方便我们分析：

<DataTemplate x:Key="AlertWarningMessage">
    <Grid>
        <Border Visibility="{Binding DataContext.Visibility}" 
                Background="{StaticResource ResourceKey=AlertWarningMessageBackground}"
                HorizontalAlignment="Stretch" Height="30">
            <WrapPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                <TextBlock Text="WARNING !" FontWeight="Bold" 
                           Foreground="{StaticResource ResourceKey=AlertWarningForeground}"/>
                <!-- 这里应该还需要绑定动态警告文本吧？-->
            </WrapPanel>
        </Border>
    </Grid>
</DataTemplate>

下面分几种常见场景给你讲正确的绑定方式：

1. 先明确DataTemplate的DataContext是什么 #

DataTemplate的绑定核心是它的DataContext指向的数据源对象。比如你用这个模板的控件（ContentControl、ItemsControl等），如果它的Content/ItemsSource绑定到了一个包含Visibility、Message等属性的Alert模型对象，那模板里的绑定就直接用属性名就行——你现在写的DataContext.Visibility其实多此一举，因为模板的DataContext已经是那个Alert对象了。

2. 常见场景的正确写法 #

场景A：用在ContentControl上，绑定单个Alert对象

假设你的页面/控件的ViewModel里有一个CurrentAlert属性（类型是你的Alert模型，包含Visibility、Message等），那ContentControl可以这么写：

<ContentControl Content="{Binding CurrentAlert}" 
                ContentTemplate="{StaticResource AlertWarningMessage}"/>

对应的DataTemplate里绑定就简化成：

<Border Visibility="{Binding Visibility}" 
        Background="{StaticResource AlertWarningMessageBackground}"
        HorizontalAlignment="Stretch" Height="30">
    <WrapPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
        <TextBlock Text="WARNING !" FontWeight="Bold" 
                   Foreground="{StaticResource AlertWarningForeground}"/>
        <!-- 绑定动态警告文本 -->
        <TextBlock Text="{Binding Message}" Margin="8,0,0,0"/>
    </WrapPanel>
</Border>

场景B：用在ItemsControl上，绑定Alert集合

如果是展示多个警告，ViewModel里有AlertList集合：

<ItemsControl ItemsSource="{Binding AlertList}" 
              ItemTemplate="{StaticResource AlertWarningMessage}"/>

模板里的绑定和上面一样，因为每个Item的DataContext就是集合里的单个Alert对象。

场景C：需要绑定父级ViewModel的属性（跨DataContext）

如果你要绑定的属性不在当前Alert对象里，而是在父级ViewModel（比如页面的ViewModel），那可以用RelativeSource或者ElementName来指定：

• 用RelativeSource找父控件：

<Border Visibility="{Binding DataContext.GlobalAlertVisibility, 
                RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" ...>

• 用ElementName（给父控件起个名字）：

<UserControl x:Name="MainUC">
    <DataTemplate x:Key="AlertWarningMessage">
        <Border Visibility="{Binding DataContext.GlobalAlertVisibility, ElementName=MainUC}" ...>

3. 容易踩坑的点 #

• 属性类型要匹配：Visibility属性必须绑定到System.Windows.Visibility类型的属性，如果你的ViewModel里是bool类型（比如IsAlertVisible），要加转换器：

<Border Visibility="{Binding IsAlertVisible, Converter={StaticResource BooleanToVisibilityConverter}}" ...>

记得先在资源字典里定义这个转换器哦。

• 绑定路径不要写错：如果Visual Studio输出窗口里出现绑定错误提示，先检查属性名拼写、DataContext是否正确。

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