Créer un style pour TextBlock dans DataGridTextColumn

Je veux créer un style global qui définit la VerticalAlignment à Center pour tous TextBlock contrôles à l'intérieur d'un DataGrid ou à l'intérieur d'un DataGridTextColumn.

Je ne veux pas copier ce qui suit dans chaque DataGridTextColumn parce que c'est répétitif.

<DataGridTextColumn Header="Some Property" Binding="{Binding SomeProperty}">
    <DataGridTextColumn.ElementStyle>
        <Style TargetType="TextBlock">
            <Setter Property="VerticalAlignment" Value="Center"></Setter>
        </Style>
    </DataGridTextColumn.ElementStyle>
</DataGridTextColumn>

J'ai essayé quelque chose comme ce qui suit, mais cela ne fonctionne pas car DataGridTextColumn n'hérite pas de FrameworkElement ou FrameworkContentElement. DataGrid lui-même ne mais tout autre emballage j'essaie conduit à des erreurs:

<Style TargetType="DataGridTextColumn">
    <Setter Property="ElementStyle">
        <Setter.Value>
            <Style TargetType="TextBlock">
                <Setter Property="VerticalAlignment" Value="Center"/>
            </Style>
        </Setter.Value>
    </Setter>
</Style>

source d'informationauteur timmkrause

  1. 10

    Vous pouvez définir un CellStyle comme ci-dessous:

    <Style x:Key="DataGridCellStyle" TargetType="DataGridCell">
    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridCell}">
                <Grid Background="{TemplateBinding Background}">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

    Et l'affecter à la grille de données: CellStyle="{StaticResource DataGridCellStyle}".
    De cette façon, toutes vos cellules ont un contenu centré.

    MODIFIER: Le code ci-dessus est extraite de l'un de mes projets et contient également le code pour supprimer les lignes de la grille dans la grille de données. Vous pouvez les récupérer en changeant Grid à Border dans le modèle. Comme ceci:

    <Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type DataGridCell}">
            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Border>
        </ControlTemplate>
    </Setter.Value>
</Setter>
  2. 17

    Créer un style comme une ressource statique

    <UserControl.Resources>
    <Style x:Key="verticalCenter" TargetType="{x:Type TextBlock}">
        <Setter Property="VerticalAlignment" Value="Center" />
    </Style>
</UserControl.Resources>

    Ensuite, vous pouvez l'affecter à la ElementStyle de la DataGridTextColumn

    <DataGridTextColumn ElementStyle="{StaticResource verticalCenter}" />
  3. 1

    Suffit d'utiliser la DataGridTemplateColumn:

    <DataGridTemplateColumn Width="SizeToCells">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <TextBlock HorizontalAlignment="Center" Width="100" Height="20"/>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>