2016-10-19 4 views
1

Я бы хотел подчеркнуть активную вкладку с толстой линией и сделать ее цветным. Когда вкладка неактивна, подчеркивание должно исчезнуть. До сих пор я подчеркиваю под каждой вкладкой, но не уверен, как отключить ее/в зависимости от того, активна она или нет.Подсветка активной вкладки

   <Style TargetType="{x:Type TabItem}"> 
        <Style.Triggers> 
         <Trigger Property="IsSelected" Value="True"> 
          <Setter Property="Foreground" Value="#48637E" /> 
         </Trigger> 
         <Trigger Property="IsSelected" Value="False"> 
          <Setter Property="Foreground" Value="#B4B4B4" /> 
         </Trigger> 
        </Style.Triggers> 
       </Style> 


      <TabItem> 
       <TabItem.Header> 
        <StackPanel > 
         <TextBlock Text=" FirstTab" FontFamily="Arial" FontSize="14" FontWeight="Bold" /> 
         <TextBlock Text="___________" Foreground="#00A79D" /> 
        </StackPanel> 
       </TabItem.Header> 
      </TabItem> 

Благодаря

+0

Возможно, вы просто хотите переключиться на свойство 'TextBlock.TextDecorations', вместо добавления дополнительного' TextBlock' для подчеркивания. –

ответ

1

Попробуйте это.

<TabControl> 
      <TabControl.Resources> 
       <Style TargetType="{x:Type TabItem}"> 
        <Style.Triggers> 
         <Trigger Property="IsSelected" Value="True"> 
          <Setter Property="Foreground" Value="#48637E" /> 
          <Setter Property="HeaderTemplate"> 
           <Setter.Value> 
            <DataTemplate> 
             <TextBlock Text="{TemplateBinding Content}" TextDecorations="Underline"></TextBlock> 
            </DataTemplate> 
           </Setter.Value> 
          </Setter> 
         </Trigger> 
         <Trigger Property="IsSelected" Value="False"> 
          <Setter Property="Foreground" Value="#B4B4B4" /> 
          <Setter Property="HeaderTemplate"> 
           <Setter.Value> 
            <DataTemplate> 
             <TextBlock Text="{TemplateBinding Content}" ></TextBlock> 
            </DataTemplate> 
           </Setter.Value> 
          </Setter> 
         </Trigger> 
        </Style.Triggers> 
       </Style> 
      </TabControl.Resources> 
      <TabItem Header="First"></TabItem> 
      <TabItem Header="Second"></TabItem> 
      <TabItem Header="Third"></TabItem> 
     </TabControl> 
+0

А, спасибо. Это сработало хорошо. Я немного изменил его, изменив подчеркивание на другой цвет. – EManning