WPF UserControl多样式切换问题求助：绑定失效与资源未找到

问题1：编译提示“资源未找到” #

原因 #

XAML解析按从上到下顺序执行，你的UserControl先声明Style="{StaticResource Base}"，之后才加载包含该样式的资源字典。解析Style属性时资源未完成加载，导致找不到Base样式。

解决方案 #

调整XAML顺序，将UserControl.Resources移到Style属性之前，确保资源先加载再被引用：

<UserControl
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:ProjectX.UI.Layout"
             xmlns:ViewModels="clr-namespace:ProjectX.UI.Layout.ViewModels" 
             x:Class="ProjectX.UI.Layout.Component"
             mc:Ignorable="d" Cursor="" x:Name="Root" Height="auto" MinHeight="10" MinWidth="10" FontSize="10" Width="auto">

<UserControl.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Components.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</UserControl.Resources>

<UserControl.DataContext>
    <ViewModels:ComponentViewModel/>
</UserControl.DataContext>

<UserControl.Style>
    <StaticResource ResourceKey="Base"/>
</UserControl.Style>

</UserControl>

也可将资源字典合并到App.xaml中，实现全局可直接引用，无需在每个UserControl重复加载。

问题2：Style中的绑定失效 #

原因 #

ContentTemplate的默认DataContext是UserControl.Content属性的值，而非UserControl自身的DataContext。你的Style设置了ContentTemplate但未给UserControl.Content赋值，导致模板内绑定找不到目标属性。

解决方案 #

有两种可选方式：

方式1：将UserControl的Content绑定到自身DataContext

在UserControl中添加Content绑定，让ContentTemplate的上下文指向ComponentViewModel：

<UserControl.Content>
    <Binding RelativeSource="{RelativeSource Self}" Path="DataContext"/>
</UserControl.Content>

此方式简洁直观，模板内的{Binding Name}等绑定可直接生效。

方式2：在DataTemplate中直接绑定到UserControl的DataContext

修改Style中的DataTemplate，通过RelativeSource指定绑定源为UserControl的DataContext：

<Style x:Key="Base" TargetType="UserControl">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <Border BorderThickness="0.5" BorderBrush="Gray">
                    <Grid>
                        <Border Grid.Column="0" Margin="1" BorderThickness="0.25" BorderBrush="Black" 
                                Background="{Binding DataContext.StatusColor, RelativeSource={RelativeSource AncestorType=UserControl}}">
                            <Grid HorizontalAlignment="Stretch">
                                <TextBlock Margin="1,0,1,0" 
                                           Text="{Binding DataContext.Name, RelativeSource={RelativeSource AncestorType=UserControl}, FallbackValue=######}" 
                                           VerticalAlignment="Center" HorizontalAlignment="Center"/>
                                <Image HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,0,1" Width="10" Height="10"
                                       Source="{Binding DataContext.PriorityImage, RelativeSource={RelativeSource AncestorType=UserControl}}" 
                                       Visibility="{Binding DataContext.PriorityImageVisibility, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
                            </Grid>
                        </Border>
                        <!-- 其余绑定均按此格式修改，例如StatusImage、TagsContainerDataContext等 -->
                    </Grid>
                </Border>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

补充说明 #

你的ComponentViewModel基于DevExpress的ViewModelBase实现，属性的GetValue和SetValue能正确触发属性变更通知，属性更新可正常同步到UI，无需修改ViewModel代码。

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