简体   繁体   English

如何更改TabControl上的MouseOver属性?

[英]How do I change the MouseOver property on a TabControl?

So I would like to disable the IsMouseOver effect that happends when you move your mouse over the control. 因此,我想禁用将鼠标移到控件上时发生的IsMouseOver效果。 This is what it looks like https://i.imgur.com/P22YCLD.gifv 这看起来像是https://i.imgur.com/P22YCLD.gifv

How do I properly disable it? 如何正确禁用它?

XAML XAML

<Menu DockPanel.Dock="Top">
            <TabControl Background="DarkGray" BorderThickness="0" Height="150" Width="1273" Style="{DynamicResource TabControlStyle}">
                <TabControl.Resources>
                    <Style TargetType="TabItem">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="TabItem">
                                    <Border Name="Border" Margin="-2,0,0,-1" BorderThickness="0">
                                        <ContentPresenter x:Name="ContentSite"
                                                          VerticalAlignment="Center"
                                                          HorizontalAlignment="Center"
                                                          ContentSource="Header"
                                                          Margin="30,5"/>
                                    </Border>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="True">
                                            <Setter TargetName="Border" Property="Background" Value="DarkGray" />
                                        </Trigger>
                                        <Trigger Property="IsSelected" Value="False">
                                            <Setter TargetName="Border" Property="Background" Value="#4f4f4f" />
                                            <Setter Property="Foreground" Value="White" />
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </TabControl.Resources>
                <TabItem Header="Import">
                    <Button Background="Transparent" BorderThickness="0" Margin="10,16,1184,14">
                        <Grid>
                            <Image Source="Icons/file.png"/>
                        </Grid>
                    </Button>
                </TabItem>

                <TabItem Header="Export" />
                <TabItem Header="Extra" />
            </TabControl>
        </Menu>

You can override the default template of MenuItem inside Menu to remove the default style 您可以覆盖Menu内MenuItem的默认模板以删除默认样式

       <Menu.Resources>
            <Style TargetType="{x:Type MenuItem}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type MenuItem}">
                            <Border Background="{TemplateBinding Background}">
                                <ContentPresenter Content="{TemplateBinding Header}"/>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Menu.Resources>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM