Styling GridSplitter wpf C #

möchte ich style meine GridSplitter wie das hinzufügen von Punkten (wie auf http://msdn.microsoft.com/en-us/library/aa970265.aspx).

möchte ich auch ändern gridsplitter Farbe bei mouseOver, oder gilt das Aero-Theme.

<Style x:Key="GridSplitterStyle1" TargetType="{x:Type GridSplitter}">
  <Setter Property="Background"
          Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
  <Setter Property="PreviewStyle">
    <Setter.Value>
      <Style>
        <Setter Property="Control.Template">
          <Setter.Value>
            <ControlTemplate>
              <Rectangle Fill="#80000000"/>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
    </Setter.Value>
  </Setter>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type GridSplitter}">
        <Border Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}"/>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

<!--Theme-->
<ResourceDictionary.MergedDictionaries>
  <ResourceDictionary 
   Source="/RibbonControlsLibrary;component/Themes/Office2007Blue.xaml" />
</ResourceDictionary.MergedDictionaries>

<GridSplitter x:Name="gridSplitterTreeNodes" Width="10"
              BorderThickness="1,0" Cursor="SizeWE"
              RenderTransformOrigin="-1.2,0.507" ShowsPreview="True" 
              Style="{DynamicResource GridSplitterStyle1}">
  <GridSplitter.Background>
    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
      <GradientStop Color="#FFE3EFFF" Offset="0"/>
      <GradientStop Color="#FFAFD2FF" Offset=".45"/>
    </LinearGradientBrush>
  </GridSplitter.Background>
</GridSplitter>

InformationsquelleAutor der Frage AZ_ | 2009-11-03

  1. 30

    Meistens für meine eigene Zukunft, Referenz, hier ist eine vertikale grid-splitter, der die abgerundete Form der a-Taste (aber reagiert nicht auf mouseover richtig):

    <GridSplitter Grid.Column="1" VerticalAlignment="Stretch" HorizontalAlignment="Center" Width="8">
    <GridSplitter.Template>
        <ControlTemplate TargetType="{x:Type GridSplitter}">
            <Grid>
                <Button Content="⁞" />
                <Rectangle Fill="#00FFFFFF" />
            </Grid>
        </ControlTemplate>
    </GridSplitter.Template>
</GridSplitter>

    Einen horizontalen splitter könnte, nur "····" wie die Schaltfläche Inhalte.

    InformationsquelleAutor der Antwort Burton Radons

  2. 16
    <GridSplitter x:Name="gridSplitterTreeNodes" Width="5" BorderThickness="1,0" 
     Cursor="SizeWE" RenderTransformOrigin="-1.2,0.507" ShowsPreview="True"
     Style="{DynamicResource GridSplitterStyle1}">
  <GridSplitter.Background>
    <ImageBrush ImageSource="Images\gripDots.png" TileMode="FlipXY" 
                Stretch="UniformToFill"/>
  </GridSplitter.Background>
</GridSplitter>

    Können Sie auch speichern, Bild von Msnd Microsoft den gleichen Effekt zu erhalten, Mehr Info

    InformationsquelleAutor der Antwort AZ_

  3. 2

    Andere Möglichkeit, das hinzufügen einer 'Greifer' - Taste/Grafik auf einem GridSplitter, ohne die Maus-Ereignisse, wäre ein einfaches Etikett auf der Oberseite des Splitters.

        <GridSplitter Grid.Column="1" Width="5" HorizontalAlignment="Stretch" Background="Gray"/>

    <Label Grid.Column="1" Content="⁞" Foreground="White" VerticalAlignment="Center" FontSize="26" FontWeight="Bold" IsHitTestVisible="False"/>

    Sicherstellen, dass die GridSplitter und Label sind in derselben Spalte, und dass IsHitTestVisible=False gesetzt ist, in der Label.

    InformationsquelleAutor der Antwort James

Schreibe einen Kommentar