使用模板设置文本贴图为所有单元格的换行

本文关键字：单元格 换行 置文本 | 更新日期: 2023-09-27 17:54:33

那么，我有下一个问题:我正在设置一个自定义的表(这是从DB填充)，其中单元格的内容将被包装。我能够正确地设置视图。代码是:

<Grid Style="{StaticResource FormBackground}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="20" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="20" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="15" />
        <RowDefinition Height="*" />
        <RowDefinition Height="40" />
        <RowDefinition Height="10" />
    </Grid.RowDefinitions>
    <Grid Grid.Column="1" Grid.Row="1">
        <Border Style="{StaticResource DGBorder}">
            <DataGrid x:Name="usuariosGrid" 
                  AutoGenerateColumns="False" 
                  CanUserAddRows="False"
                  Grid.Row="0" 
                  Style="{StaticResource Table}" >
                <DataGrid.Columns>
                    <DataGridTextColumn Header="ID" Width="40" Binding="{Binding Id}" IsReadOnly="True">
                        <DataGridTextColumn.ElementStyle>
                            <Style TargetType="TextBlock">
                                <Setter Property="TextWrapping" Value="Wrap" />
                            </Style>
                        </DataGridTextColumn.ElementStyle>
                    </DataGridTextColumn>
                    <DataGridTextColumn Header="Nombre" Width="*" Binding="{Binding Nombre}" IsReadOnly="True">
                        <DataGridTextColumn.ElementStyle>
                            <Style TargetType="TextBlock">
                                <Setter Property="TextWrapping" Value="Wrap" />
                            </Style>
                        </DataGridTextColumn.ElementStyle>
                    </DataGridTextColumn>
                    <DataGridTextColumn Header="Apellido Paterno" Width="*" Binding="{Binding ApellidoPaterno}" IsReadOnly="True">
                        <DataGridTextColumn.ElementStyle>
                            <Style TargetType="TextBlock">
                                <Setter Property="TextWrapping" Value="Wrap" />
                            </Style>
                        </DataGridTextColumn.ElementStyle>
                    </DataGridTextColumn>
                    <DataGridTextColumn Header="Apellido Materno" Width="*" Binding="{Binding ApellidoMaterno}" IsReadOnly="True">
                        <DataGridTextColumn.ElementStyle>
                            <Style TargetType="TextBlock">
                                <Setter Property="TextWrapping" Value="Wrap" />
                            </Style>
                        </DataGridTextColumn.ElementStyle>
                    </DataGridTextColumn>
                    <DataGridTextColumn Header="CorreoElectronico" Width="*" Binding="{Binding CorreoElectronico}" IsReadOnly="True">
                        <DataGridTextColumn.ElementStyle>
                            <Style TargetType="TextBlock">
                                <Setter Property="TextWrapping" Value="Wrap" />
                            </Style>
                        </DataGridTextColumn.ElementStyle>
                    </DataGridTextColumn>
                </DataGrid.Columns>
            </DataGrid>
        </Border>
    </Grid>

工作得很好，但很难看，因为我必须设置TextBox -> TextWrapping ->自定义每个列。同样，项目包含多个datagrid。因此，我想把它们全部打包到一个ResourceDictionary中，也就是:

<Style x:Key="Table" TargetType="DataGrid">
    <Setter Property="Foreground" Value="{StaticResource WhiteBrush}" />
    <Setter Property="RowBackground" Value="Transparent"/>
    <Setter Property="AlternatingRowBackground" Value="{StaticResource DarkBlueFadedBrush}" />
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="ColumnHeaderStyle" Value="{StaticResource DGColumnHeader}" />
    <Setter Property="RowStyle" Value="{StaticResource SelectedRow}"/>
    <Setter Property="GridLinesVisibility" Value="None" />
    <Setter Property="RowHeaderWidth" Value="0" />
    <Setter Property="BorderBrush" Value="{StaticResource LightBlueBrush}" />
</Style>

在这一点上有趣的开始:DataGridTextColumn不支持设置为样式。

有志者事竟成。网络上的一位同志说，并建议使用反码。这很公平。但我有一个信念，这种类型的改进应该被分割(因为有必要向每个包含表单的查看器添加回代码)。

使用模板设置文本贴图为所有单元格的换行

如有任何建议、工作方向等，不胜感激。

在这种特殊情况下，这对我来说是有效的。风格:

<Style TargetType="{x:Type TextBlock}" x:Key="WrapText">
    <Setter Property="TextWrapping" Value="Wrap"/>
</Style>

用法:

<DataGrid.Columns>
    <DataGridTextColumn Header="ID" Width="40" Binding="{Binding Id}" IsReadOnly="True" ElementStyle="{StaticResource WrapText}" />

所以，整个技巧是关于在描述DataGridTextColumn时用ElementStyle属性定义样式。
希望对大家有所帮助。

  1. 如果您希望多个东西在所有DataGrids中保持共同。

    2. 从DataGrid派生一个新类，从而创建新的Control。

  2. 你总是可以这样做:<DataGridTextColumn ElementStyle="{StaticResource tbKey}" Binding="{Binding Name}"/> .

      <Style TargetType="TextBlock" x:Key="tbKey">
       <Setter Property="TextWrapping" Value="Wrap" />
  </Style>
相关文章：