WPF TabControl 去掉鼠标悬浮效果

 1.资源

 <Window.Resources>
     <Style x:Key="TabStyle" TargetType="TabItem">
         <Setter Property="TextBlock.FontSize" Value="12" />
         <Setter Property="Template">
             <Setter.Value>
                 <ControlTemplate TargetType="{x:Type TabItem}">
                     <Border Background="#EBEBEB" Height="30" Width="90">
                         <Border Name="headerBorder" Height="22" Width="84" HorizontalAlignment="Center" Padding="4">
                             <ContentPresenter Name="headerPresenter" ContentSource="Header" Margin="0" HorizontalAlignment="Center" VerticalAlignment="Center" />
                         </Border>
                     </Border>
                     <ControlTemplate.Triggers>
                         <Trigger Property="TabItem.IsSelected" Value="True">
                             <Setter TargetName="headerPresenter" Property="TextBlock.FontWeight" Value="Medium" />
                             <Setter TargetName="headerPresenter" Property="UIElement.Opacity" Value="0.86" />
                             <Setter TargetName="headerBorder" Property="Border.Background" Value="#FFFFFF" />
                         </Trigger>
                         <Trigger Property="TabItem.IsSelected" Value="False">
                             <Setter TargetName="headerPresenter" Property="TextBlock.FontWeight" Value="Regular" />
                             <Setter TargetName="headerPresenter" Property="UIElement.Opacity" Value="0.66" />
                             <Setter TargetName="headerBorder" Property="TextBlock.Background" Value="#EBEBEB" />
                         </Trigger>
                     </ControlTemplate.Triggers>
                 </ControlTemplate>
             </Setter.Value>
         </Setter>
     </Style>
 </Window.Resources>

2.样式

           <TabControl BorderThickness="0" Height="400">
               <FrameworkElement.Resources>
                   <ResourceDictionary>
                       <Style x:Key="{x:Type TabPanel}" TargetType="{x:Type TabPanel}">
                           <Setter Property="HorizontalAlignment" Value="Center" />
                       </Style>
                   </ResourceDictionary>
               </FrameworkElement.Resources>
               <TabItem Header="呼入" Style="{StaticResource TabStyle}">
                   <Grid>
                       <Grid.ColumnDefinitions>
                           <ColumnDefinition Width="149*" />
                           <ColumnDefinition Width="68*" />
                       </Grid.ColumnDefinitions>
                       <Border VerticalAlignment="Top" Width="400" Height="161" Background="#F5F5F5" Margin="20,16,14,0" CornerRadius="8" Grid.ColumnSpan="2">
                           <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                               <TextBlock Name="CpyText" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="28" Foreground="#000000" Opacity="0.86">会议号@IP地址</TextBlock>
                               <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="14" Foreground="#000000" Opacity="0.46">第三方会议系统可通过H.323呼入号加入讯飞会议</TextBlock>
                           </StackPanel>
                       </Border>
                       <Border VerticalAlignment="Bottom" Height="40" Width="220" Grid.ColumnSpan="2" Margin="107,0,107,0" MouseLeftButtonUp="CopyH_LeftButtonUp">
                           <FrameworkElement.Style>
                               <Style TargetType="{x:Type Border}">
                                   <Setter Property="Background" Value="#1e64ff" />
                                   <Setter Property="Border.CornerRadius" Value="4" />
                                   <Style.Triggers>
                                       <Trigger Property="UIElement.IsMouseOver" Value="True">
                                           <Setter Property="Background" Value="#1B5CEB" />
                                       </Trigger>
                                   </Style.Triggers>
                               </Style>
                           </FrameworkElement.Style>
                           <TextBlock FontSize="14" HorizontalAlignment="Center" Foreground="#FFFFFFFF" Text="复制" VerticalAlignment="Center" />
                       </Border>
                   </Grid>
               </TabItem>
               <TabItem Header="呼出" Style="{StaticResource TabStyle}">
                   <Grid>
                       <StackPanel>
                           <TextBlock FontSize="12" Margin="18,8,0,8" Foreground="#000000" Opacity="0.86">H.323设备接入地址</TextBlock>
                           <Border Margin="16, 0, 16, 0" Width="400" Height="32" Grid.Column="0" BorderBrush="#D7D7D7" BorderThickness="1" CornerRadius="4">
                               <Grid>
                                   <TextBlock Text="例如:192.168.1.1 或 会议号@192.168.1.1" Margin="6,0,0,0" Foreground="#000000" Opacity="0.24" FontSize="12" VerticalAlignment="Center">
               <FrameworkElement.Style>
                 <Style TargetType="{x:Type TextBlock}">
                   <Setter Property="Visibility" Value="Collapsed" />
                   <Style.Triggers>
                     <DataTrigger Value="0" Binding="{Binding ElementName=IpText, Path=Text.Length}">
                       <Setter Property="Visibility" Value="Visible" />
                     </DataTrigger>
                   </Style.Triggers>
                 </Style>
               </FrameworkElement.Style>
                                   </TextBlock>
                                   <TextBox Name="IpText" Width="396" MaxLength="50" Background="#00FFFFFF" BorderThickness="0" TextWrapping="NoWrap" FontSize="12" Foreground="#DB000000" VerticalContentAlignment="Center" HorizontalAlignment="Left" Padding="5,0,0,0" InputMethod.IsInputMethodEnabled="False" AcceptsReturn="False" TextDecorations="None" Style="{x:Null}" />
                               </Grid>
                           </Border>
                       </StackPanel>
                       <Border VerticalAlignment="Bottom" Height="40" Width="220" MouseLeftButtonUp="InviteH_LeftButtonUp">
                           <FrameworkElement.Style>
                               <Style TargetType="{x:Type Border}">
                                   <Setter Property="Background" Value="#1e64ff" />
                                   <Setter Property="Border.CornerRadius" Value="4" />
                                   <Style.Triggers>
                                       <Trigger Property="UIElement.IsMouseOver" Value="True">
                                           <Setter Property="Background" Value="#1B5CEB" />
                                       </Trigger>
                                       <DataTrigger Value="0" Binding="{Binding ElementName=IpText, Path=Text.Length}">
                                           <Setter Property="Background" Value="#FFD3D3D3" />
                                       </DataTrigger>
                                   </Style.Triggers>
                               </Style>
                           </FrameworkElement.Style>
                           <TextBlock FontSize="14" HorizontalAlignment="Center" Foreground="#FFFFFFFF" Text="邀请" VerticalAlignment="Center" />
                       </Border>
                   </Grid>
               </TabItem>
           </TabControl>

 

posted @ 2024-12-26 11:26  超级驼鹿  阅读(26)  评论(0)    收藏  举报
/*