2016-10-19 1 views
1

Ich möchte die aktive Registerkarte mit einer dicken Linie unterstreichen und es eine petrol Farbe machen. Wenn die Registerkarte inaktiv ist, sollte die Unterstreichung verschwinden. Was ich bis jetzt gemacht habe, ist eine Unterstreichung unter jeder Registerkarte, aber ich bin mir nicht sicher, wie ich es je nachdem ob es aktiv ist oder nicht, aus-/einschalten kann.Unterstreichen Aktiv Registerkarte

   <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> 

Dank

+0

Sie wollen wahrscheinlich nur sehen, die 'TextBlock.TextDecorations' Eigenschaft Makeln, statt Hinzufügen eines zusätzlichen' TextBlock' für die unterstrichenen. –

Antwort

1

bereits.

<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

Ah, danke. Das hat gut funktioniert. Ich habe es etwas aufgepeppt, indem ich die Unterstreichung in eine andere Farbe geändert habe. – EManning

Verwandte Themen