如何通过IsOnline布尔属性在XAML中切换StaticResource样式？

ViewModel属性 #

[ObservableProperty]
private bool _isOnline;

需求与现有代码 #

希望根据IsOnline属性为custom:MySfTabItem切换不同的StaticResource样式，现有错误伪代码：

<custom:MySfTabItem x:Name="SearchTabItem" 
                    Header="{x:Static localization:AppResources.Search}"
                    ImageSource="search_light.png"
                    IsEnabled="{Binding IsOnline}">
    <custom:MySfTabItem.Style>
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsOnline}" Value="True">
                <Setter Property="{StaticResource}" Value="NavigationTabViewItemsOnline"/>
            </DataTrigger>
            <DataTrigger Binding="{Binding IsOnline}" Value="False">
                <Setter Property="{StaticResource}" Value="NavigationTabViewItemsOffline"/>
            </DataTrigger>
        </Style.Triggers>
    </custom:MySfTabItem.Style>
</custom:MySfTabItem>

当前无样式切换功能的可用代码：

<custom:MySfTabItem x:Name="SearchTabItem" 
                    Header="{x:Static localization:AppResources.Search}"
                    ImageSource="search_light.png"
                    IsEnabled="{Binding IsOnline}"
                    Style="{StaticResource NavigationTabViewItems}"/>

你的伪代码核心错误在于Setter的Property属性写法错误，正确逻辑是直接指定Property="Style"，并引用对应的静态样式资源。以下是两种可行方案：

方法一：DataTrigger直接切换（推荐，适用于简单布尔值场景） #

在Style中定义DataTrigger，根据IsOnline的值动态设置目标样式：

<custom:MySfTabItem x:Name="SearchTabItem" 
                    Header="{x:Static localization:AppResources.Search}"
                    ImageSource="search_light.png"
                    IsEnabled="{Binding IsOnline}">
    <custom:MySfTabItem.Style>
        <!-- 可选：设置基础样式作为默认 fallback -->
        <Style TargetType="custom:MySfTabItem" BasedOn="{StaticResource NavigationTabViewItems}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsOnline}" Value="True">
                    <Setter Property="Style" Value="{StaticResource NavigationTabViewItemsOnline}"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding IsOnline}" Value="False">
                    <Setter Property="Style" Value="{StaticResource NavigationTabViewItemsOffline}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </custom:MySfTabItem.Style>
</custom:MySfTabItem>

• 如果NavigationTabViewItemsOnline和NavigationTabViewItemsOffline已经包含全部所需样式，可以省略BasedOn，直接使用空的Style标签。

方法二：自定义StyleSelector（适用于复杂判断场景） #

如果需要基于多个属性或更复杂逻辑选择样式，可以自定义StyleSelector：

1. 创建StyleSelector类 #

public class TabItemStyleSelector : StyleSelector
{
    public Style OnlineStyle { get; set; }
    public Style OfflineStyle { get; set; }

    public override Style SelectStyle(object item, DependencyObject container)
    {
        if (item is YourViewModelType viewModel)
        {
            return viewModel.IsOnline ? OnlineStyle : OfflineStyle;
        }
        return base.SelectStyle(item, container);
    }
}

将YourViewModelType替换为你的ViewModel实际类型。

2. 在XAML中使用 #

<!-- 在资源字典或窗口/页面的Resources中声明Selector -->
<Window.Resources>
    <local:TabItemStyleSelector x:Key="TabItemStyleSelector"
                                OnlineStyle="{StaticResource NavigationTabViewItemsOnline}"
                                OfflineStyle="{StaticResource NavigationTabViewItemsOffline}"/>
</Window.Resources>

<!-- 应用到TabItem -->
<custom:MySfTabItem x:Name="SearchTabItem" 
                    Header="{x:Static localization:AppResources.Search}"
                    ImageSource="search_light.png"
                    IsEnabled="{Binding IsOnline}"
                    StyleSelector="{StaticResource TabItemStyleSelector}"/>

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