Я хотел бы изменить фон tabPage, пока он активен

Question

Я хочу установить настраиваемый фон для tabPage, но он работает только тогда, когда он не активен.

<TabItem Header="Камера" VerticalAlignment="Center" Width="170" Height="40" BorderBrush="{x:Null}" >
                <TabItem.Background>
                    <ImageBrush ImageSource="res/tap.png"/>
                </TabItem.Background>
</TabItem>

Это работает только когда вкладка не активна https://ibb.co/hD28jVB Как изменить кисть tabItem, когда она активна или при наведении?

Answer 1

Вам необходимо определить пользовательский ControlTemplate для TabItem, поскольку по умолчанию для свойства Background устанавливается некоторое статическое SolidColorBrushes:

<SolidColorBrush x:Key="TabItem.MouseOver.Border" Color="#7EB4EA"/>
<SolidColorBrush x:Key="TabItem.Disabled.Background" Color="#F0F0F0"/>
<SolidColorBrush x:Key="TabItem.Disabled.Border" Color="#D9D9D9"/>
<SolidColorBrush x:Key="TabItem.Selected.Border" Color="#ACACAC"/>
<SolidColorBrush x:Key="TabItem.Selected.Background" Color="#FFFFFF"/>

Щелкните правой кнопкой мыши TabItem в режиме разработки в Visual Studio или в Blend и выберите Edit Template->Edit a Copy, чтобы получить копию шаблона по умолчанию и затем отредактировать его в соответствии с вашими требованиями. Найдите сеттеры, которые устанавливают свойство Background, например ::

<Setter Property="Background" TargetName="mainBorder" Value="{StaticResource TabItem.MouseOver.Background}"/>