2016-04-02 6 views
0

Designer hassen Entwickler, warum sie so fade Designs erstellen!)) So ist meine Aufgabe, XAML UI von PSD-Datei zu erstellen. Ich beende es, aber ich weiß nicht, wie man Linie in ausgewähltem tabItem löscht. Loud bei den Bildern.WPF TabControl Wie Linie zu entfernen, wenn TabItem ausgewählt ist

Das muss ich bekommen. enter image description here

Das habe ich bekommen. enter image description here

Wie kann ich diese Zeile entfernen? Ist es möglich ohne Hard-Codierung? Hier ist der Code meiner Registerkarte Kontrolle.

 <TabControl.Resources> 
      <Style TargetType="TabControl"> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="{x:Type TabControl}"> 
          <Grid KeyboardNavigation.TabNavigation="Local"> 
           <Grid.RowDefinitions> 
            <RowDefinition Height="*"/> 
            <RowDefinition Height="Auto"/> 
           </Grid.RowDefinitions> 
           <Border 
            Name="Border" 
            Grid.Row="0" 
            BorderBrush="{StaticResource SolidBrush_Blue}" 
            BorderThickness="{TemplateBinding BorderThickness}" 
            KeyboardNavigation.TabNavigation="Local" 
            KeyboardNavigation.DirectionalNavigation="Contained" 
            KeyboardNavigation.TabIndex="2" > 
            <ContentPresenter 
             Name="PART_SelectedContentHost" 
             ContentSource="SelectedContent"> 
            </ContentPresenter> 
           </Border> 
           <TabPanel 
            Name="HeaderPanel" 
            Grid.Row="1" 
            Panel.ZIndex="1" 
            HorizontalAlignment="Center" 
            IsItemsHost="True" 
            KeyboardNavigation.TabIndex="1"/> 
          </Grid> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </Style> 

      <!-- SimpleStyles: TabItem --> 
      <Style TargetType="{x:Type TabItem}"> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="{x:Type TabItem}"> 
          <Grid 
           x:Name="grid"> 
           <Border 
            Name="Border" 
            Margin="5,0,5,0" 
            Padding="30 15 30 15" 
            CornerRadius="0 0 3 3" 
            BorderBrush="{StaticResource SolidBrush_Blue}" 
            BorderThickness="2 0 2 2" > 
            <ContentPresenter 
             x:Name="contentPresenter" 
             VerticalAlignment="Center" 
             ContentSource="Header" 
             TextBlock.Foreground="White" 
             TextBlock.FontFamily="{StaticResource FontFamilyRegular}" 
             RecognizesAccessKey="True"> 
            </ContentPresenter> 
           </Border> 
          </Grid> 
          <ControlTemplate.Triggers> 
           <Trigger Property="IsSelected" Value="True"> 
            <Setter TargetName="Border" 
              Property="Background" 
              Value="White" /> 
            <Setter TargetName="contentPresenter" 
              Property="TextBlock.FontFamily" 
              Value="{StaticResource FontFamilyBold}"/> 
            <Setter TargetName="contentPresenter" 
              Property="TextBlock.Foreground" 
              Value="{StaticResource SolidBrush_Blue}"/> 
           </Trigger> 
           <Trigger Property="IsSelected" Value="False"> 
            <Setter TargetName="Border" 
              Property="Background" 
              Value="{StaticResource SolidBrush_Blue}" /> 
            <Setter TargetName="contentPresenter" 
              Property="TextBlock.Background" 
              Value="White"/> 
            <Setter TargetName="contentPresenter" 
              Property="TextBlock.FontFamily" 
              Value="{StaticResource FontFamilyRegular}"/> 
            <Setter TargetName="contentPresenter" 
              Property="TextBlock.Foreground" 
              Value="White"/> 
           </Trigger> 
          </ControlTemplate.Triggers> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </TabControl.Resources> 

Antwort

3

in TabItem Vorlage für die Grenz Border gesetzt Margin="5,-1,5,0". Die Grenze verschiebt sich nach oben und eine Grenze von TabControl mit Standarddicke von 1

enter image description here

+0

Ja verstecken! Und Padding = "30 18 30 15" anstelle von "30 15 30 15". Der Perfekte! Vielen Dank. –