C# WPF:按下按钮时更改选项卡标题字体颜色
我正在开发一个有多个选项卡的程序,每个选项卡都包含多个按钮,当单击这些按钮时,可以在BackgroundWorker对象中执行SQL调用。单击一个按钮后,只要SQL进程正常工作,其他按钮就会被禁用 因为其中一些SQL调用可能需要一个小时以上,所以我正在使用BackgroundWorker,以便GUI仍然响应用户输入,即更改选项卡,但在当前SQL过程完成之前,按钮处于禁用状态 功能请求之一是将当前所选选项卡标题字体的颜色更改为绿色(通常为黑色),以指示此选项卡中的一个按钮是启动当前运行SQL的按钮。SQL完成后,字体颜色应恢复为黑色 是否可以使用style/datatrigger执行此操作?我想不出一种方法,在按下按钮后将样式应用于当前选定的选项卡,然后在后台工作人员仍在工作时切换选项卡时保持该颜色 我的另一个想法是,每当我单击按钮时,通过代码更改选项卡标题字体颜色,然后在后台工作人员完成后将其更改回来,但这需要更新所有按钮单击的方法 我也愿意接受任何其他解决方案C# WPF:按下按钮时更改选项卡标题字体颜色,c#,wpf,styles,datatrigger,tabitem,C#,Wpf,Styles,Datatrigger,Tabitem,我正在开发一个有多个选项卡的程序,每个选项卡都包含多个按钮,当单击这些按钮时,可以在BackgroundWorker对象中执行SQL调用。单击一个按钮后,只要SQL进程正常工作,其他按钮就会被禁用 因为其中一些SQL调用可能需要一个小时以上,所以我正在使用BackgroundWorker,以便GUI仍然响应用户输入,即更改选项卡,但在当前SQL过程完成之前,按钮处于禁用状态 功能请求之一是将当前所选选项卡标题字体的颜色更改为绿色(通常为黑色),以指示此选项卡中的一个按钮是启动当前运行SQL的按钮
我知道async/await特性,但无法更改使用BackgroundWorker执行SQL的代码,因此请不要建议使用async/await。绑定到选项卡的ViewModel实例可能有一个名为running的属性
public bool IsRunning { get; set; }
使用转换器将背景颜色绑定到背景属性。
根据真/假,转换器将返回颜色。您甚至可以将颜色作为参数传递到绑定中。
在执行查询之前将其设置为true,完成后将其设置为true
myVM.IsRunning=true;
executeQuery();
myVM.IsRunning=false;
这样的东西应该是你想要的:
<TabControl ItemsSource="{Binding Tabs}">
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding TabHeader}">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Foreground" Value="Black"/>
<Style.Triggers>
<DataTrigger Binding="{Binding IsWorking}" Value="True">
<Setter Property="Foreground" Value="Green"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
</DataTemplate>
</TabControl.ItemTemplate>
</TabControl>
显然,视图模型应该实现notify属性changed。尝试
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Background="LightGray"
Title="Window1" Height="350" Width="700" >
<Window.Resources>
<Style x:Key="myHeaderStyle" TargetType="{x:Type TextBlock}">
<Style.Triggers>
<DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type TabItem}}, Path=DataContext}" Value="True">
<Setter Property="Foreground" Value="Green" />
</DataTrigger>
</Style.Triggers>
</Style>
<DataTemplate x:Key="myHeader">
<TextBlock Text="{Binding}" Style="{DynamicResource myHeaderStyle}" />
</DataTemplate>
</Window.Resources>
<Grid>
<TabControl>
<TabItem x:Name="FirstTab" Header="First tab" HeaderTemplate="{DynamicResource myHeader}" DataContext="{Binding FirstTabSelected}">
<Button Click="Button_Click">
First button
</Button>
</TabItem>
<TabItem Header="Second tab" HeaderTemplate="{DynamicResource myHeader}" DataContext="{Binding SecondTabSelected}">
<Button Click="Button_Click_1">
Second button
</Button>
</TabItem>
</TabControl>
</Grid>
</Window>
我使用的是Fody propertyChanged,因此我不需要手动实现INotifyPropertyChanged。您是否使用MVVM模式或/和任何MVVM框架?@rraszewski是的,我使用的是MVVM,特别是SimpleMVVM框架。将目标类型设置为TabItem的相对源添加到TabItem以获取TabItem属性。例如:选择的选项卡项上有不同的字体大小和字体大小。使用以下命令。
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Background="LightGray"
Title="Window1" Height="350" Width="700" >
<Window.Resources>
<Style x:Key="myHeaderStyle" TargetType="{x:Type TextBlock}">
<Style.Triggers>
<DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type TabItem}}, Path=DataContext}" Value="True">
<Setter Property="Foreground" Value="Green" />
</DataTrigger>
</Style.Triggers>
</Style>
<DataTemplate x:Key="myHeader">
<TextBlock Text="{Binding}" Style="{DynamicResource myHeaderStyle}" />
</DataTemplate>
</Window.Resources>
<Grid>
<TabControl>
<TabItem x:Name="FirstTab" Header="First tab" HeaderTemplate="{DynamicResource myHeader}" DataContext="{Binding FirstTabSelected}">
<Button Click="Button_Click">
First button
</Button>
</TabItem>
<TabItem Header="Second tab" HeaderTemplate="{DynamicResource myHeader}" DataContext="{Binding SecondTabSelected}">
<Button Click="Button_Click_1">
Second button
</Button>
</TabItem>
</TabControl>
</Grid>
</Window>
[ImplementPropertyChanged]
public partial class MainWindow : Window
{
public bool FirstTabSelected { get; set; }
public bool SecondTabSelected { get; set; }
public MainWindow()
{
FirstTabSelected = true;
SecondTabSelected = true;
InitializeComponent();
this.DataContext = this;
}
private void Button_Click(object sender, RoutedEventArgs e)
{
FirstTabSelected = !FirstTabSelected;
}
private void Button_Click_1(object sender, RoutedEventArgs e)
{
SecondTabSelected = !SecondTabSelected;
}
}