2017-02-09 1 views
0

Je Strugglin avec un style ListView dans le mélange pour VS 2015.la suppression des frontières d'en-tête ListView dans Blend

Border image

Je suis en train d'enlever la frontière sans succès jusqu'à présent. Honnêtement, je n'ai aucune idée du contrôle à éditer puisque je suis nouveau sur XAML et Blend. En outre, où dois-je chercher si je veux éditer les styles de texte et les marges?

Des conseils seraient vraiment utiles!

EDIT: Ceci est mon modèle actuel. (Pas de styles ajoutés sont actuellement en train de faire quoi que ce soit)

<ListView x:Name="osebe_listView" Margin="0,0,40,0" SelectionMode="Multiple" BorderThickness="0" ScrollViewer.HorizontalScrollBarVisibility="Hidden" SelectionChanged="osebe_lw_SelectionChanged"> 


      <ListView.ItemContainerStyle> 

       <Style TargetType="{x:Type ListViewItem}"> 
        <Style.Triggers> 
         <DataTrigger Binding="{Binding visible}" Value="False"> 
          <Setter Property="Visibility" Value="Collapsed"/> 
         </DataTrigger> 
        </Style.Triggers> 
       </Style> 
       </ListView.ItemContainerStyle> 

        <ListView.Resources> 
       <Style TargetType="{x:Type GridViewColumnHeader}"> 
        <Setter Property="Background" Value="#1AFFFFFF" /> 
        <Setter Property="BorderThickness" Value="0"/> 
       </Style> 
       <Style TargetType="{x:Type ColumnDefinition}"> 
        <Setter Property="Width" Value="10"/> 
       </Style> 

      </ListView.Resources> 
      <ListView.Background> 
       <VisualBrush> 
        <VisualBrush.Visual> 
         <Canvas> 
          <Path Opacity="0.3" Fill="#ffffffff" Data="F1 M 1284.873,520.501 C 1284.873,520.501 624.468,520.501 398.000,520.501 C 357.500,520.501 317.795,532.191 321.482,568.667 C 324.750,601.000 376.000,615.067 376.000,615.067 C 376.000,615.067 334.939,618.238 269.047,597.756 C 235.250,587.250 196.701,555.682 160.000,539.000 C 127.000,524.000 96.000,520.501 60.615,520.501 C 50.487,520.501 25.106,520.501 25.106,520.501 C 15.756,520.501 8.106,512.851 8.106,503.501 L 8.106,25.279 C 8.106,15.929 15.756,8.279 25.106,8.279 L 1284.873,8.279 C 1294.223,8.279 1301.873,15.929 1301.873,25.279 L 1301.873,503.501 C 1301.873,512.851 1294.223,520.501 1284.873,520.501 Z"/> 
         </Canvas> 
        </VisualBrush.Visual> 
       </VisualBrush> 
      </ListView.Background> 
      <ListView.View> 
       <GridView> 
        <GridViewColumn Header="Naziv podjetja" DisplayMemberBinding="{Binding nazivPodjetja}"/> 
        <GridViewColumn Header="Ime" DisplayMemberBinding="{Binding ime}" Width="25"/> 
        <GridViewColumn Header="Priimek" DisplayMemberBinding="{Binding priimek}" Width="{Binding ActualWidth, ElementName=helperField}"/> 
        <GridViewColumn Header="Naslov" DisplayMemberBinding="{Binding naslov}" Width="{Binding ActualWidth, ElementName=helperField}"/> 
        <GridViewColumn Header="Pošta" DisplayMemberBinding="{Binding posta}" Width="{Binding ActualWidth, ElementName=helperField}"/> 
        <GridViewColumn Header="Mobilna številka" DisplayMemberBinding="{Binding mobilnaSt}" Width="{Binding ActualWidth, ElementName=helperField}"/> 
        <GridViewColumn Header="Stacionarna številka" DisplayMemberBinding="{Binding stacionarnaSt}" Width="{Binding ActualWidth, ElementName=helperField}"/> 
        <GridViewColumn Header="E-naslov" DisplayMemberBinding="{Binding eMail}" Width="{Binding ActualWidth, ElementName=helperField}"/> 
        <GridViewColumn Header="Skupina" DisplayMemberBinding="{Binding skupina}" Width="{Binding ActualWidth, ElementName=helperField}"/> 

       </GridView> 
      </ListView.View> 
     </ListView> 
+0

Comment votre look actuel modèle comme? – mm8

+0

J'ai ajouté le code à ma question originale – someone1

Répondre

1

Vous devez remplacer le ControlTemplate du GridViewColumnHeader.

Vous pouvez copier le modèle par défaut par un clic droit sur un élément GridViewColumnHeader dans le mélange et choisissez Modifier Template-> Modifier une copie, puis le modifier selon vos besoins:

<ListView.Resources> 
    <LinearGradientBrush x:Key="GridViewColumnHeaderBackground" EndPoint="0,1" StartPoint="0,0"> 
     <GradientStop Color="#FFFFFFFF" Offset="0"/> 
     <GradientStop Color="#FFFFFFFF" Offset="0.4091"/> 
     <GradientStop Color="#FFF7F8F9" Offset="1"/> 
    </LinearGradientBrush> 
    <LinearGradientBrush x:Key="GridViewColumnHeaderBorderBackground" EndPoint="0,1" StartPoint="0,0"> 
     <GradientStop Color="#FFF2F2F2" Offset="0"/> 
     <GradientStop Color="#FFD5D5D5" Offset="1"/> 
    </LinearGradientBrush> 
    <LinearGradientBrush x:Key="GridViewColumnHeaderHoverBackground" EndPoint="0,1" StartPoint="0,0"> 
     <GradientStop Color="#FFBDEDFF" Offset="0"/> 
     <GradientStop Color="#FFB7E7FB" Offset="1"/> 
    </LinearGradientBrush> 
    <LinearGradientBrush x:Key="GridViewColumnHeaderPressBackground" EndPoint="0,1" StartPoint="0,0"> 
     <GradientStop Color="#FF8DD6F7" Offset="0"/> 
     <GradientStop Color="#FF8AD1F5" Offset="1"/> 
    </LinearGradientBrush> 
    <Style x:Key="GridViewColumnHeaderGripper" TargetType="{x:Type Thumb}"> 
     <Setter Property="Canvas.Right" Value="-9"/> 
     <Setter Property="Width" Value="18"/> 
     <Setter Property="Height" Value="{Binding ActualHeight, RelativeSource={RelativeSource TemplatedParent}}"/> 
     <Setter Property="Padding" Value="0"/> 
     <Setter Property="Background" Value="White"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type Thumb}"> 
        <Border Background="Transparent" Padding="{TemplateBinding Padding}"> 
         <Rectangle Fill="{TemplateBinding Background}" HorizontalAlignment="Center" Width="1"/> 
        </Border> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
    <Style TargetType="{x:Type GridViewColumnHeader}"> 
     <Setter Property="Background" Value="#1AFFFFFF" /> 
     <Setter Property="BorderThickness" Value="0"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type GridViewColumnHeader}"> 
        <Grid SnapsToDevicePixels="true"> 
         <Border x:Name="HeaderBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0" Background="{TemplateBinding Background}"> 
          <Grid> 
           <Grid.RowDefinitions> 
            <RowDefinition MaxHeight="7"/> 
            <RowDefinition/> 
           </Grid.RowDefinitions> 
           <Rectangle x:Name="UpperHighlight" Fill="#FFE3F7FF" Visibility="Collapsed"/> 
           <Border Padding="{TemplateBinding Padding}" Grid.RowSpan="2"> 
            <ContentPresenter x:Name="HeaderContent" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="0,0,0,1" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
           </Border> 
          </Grid> 
         </Border> 
         <Border x:Name="HeaderHoverBorder" BorderThickness="1,0,1,1" Margin="1,1,0,0"/> 
         <Border x:Name="HeaderPressBorder" BorderThickness="1,1,1,0" Margin="1,0,0,1"/> 
         <Canvas> 
          <Thumb x:Name="PART_HeaderGripper" Style="{StaticResource GridViewColumnHeaderGripper}"/> 
         </Canvas> 
        </Grid> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsMouseOver" Value="true"> 
          <Setter Property="Background" TargetName="HeaderBorder" Value="{StaticResource GridViewColumnHeaderHoverBackground}"/> 
          <Setter Property="BorderBrush" TargetName="HeaderHoverBorder" Value="#FF88CBEB"/> 
          <Setter Property="Visibility" TargetName="UpperHighlight" Value="Visible"/> 
          <Setter Property="Background" TargetName="PART_HeaderGripper" Value="Transparent"/> 
         </Trigger> 
         <Trigger Property="IsPressed" Value="true"> 
          <Setter Property="Background" TargetName="HeaderBorder" Value="{StaticResource GridViewColumnHeaderPressBackground}"/> 
          <Setter Property="BorderBrush" TargetName="HeaderHoverBorder" Value="#FF95DAF9"/> 
          <Setter Property="BorderBrush" TargetName="HeaderPressBorder" Value="#FF7A9EB1"/> 
          <Setter Property="Visibility" TargetName="UpperHighlight" Value="Visible"/> 
          <Setter Property="Fill" TargetName="UpperHighlight" Value="#FFBCE4F9"/> 
          <Setter Property="Visibility" TargetName="PART_HeaderGripper" Value="Hidden"/> 
          <Setter Property="Margin" TargetName="HeaderContent" Value="1,1,0,0"/> 
         </Trigger> 
         <Trigger Property="Height" Value="Auto"> 
          <Setter Property="MinHeight" Value="20"/> 
         </Trigger> 
         <Trigger Property="IsEnabled" Value="false"> 
          <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
    <Style TargetType="{x:Type ColumnDefinition}"> 
     <Setter Property="Width" Value="10"/> 
    </Style> 
</ListView.Resources> 
+0

Je cherchais GridViewColumnHeader et je ne l'ai pas trouvé. Voici ce que j'ai obtenu: http://prntscr.com/e6hdz0 – someone1

+0

Créez simplement un nouveau fichier XAML temporaire, ajoutez-y un élément en tapant l'éditeur XAML, puis cliquez avec le bouton droit de la souris sur "Objets et Timeline "volet. Notez également que j'ai inclus le modèle par défaut sur Windows 10 pour vous avec de légères modifications dans ma réponse. Est-ce que tu l'as essayé? – mm8

+0

Je vais essayer – someone1