如何在 DataGrid 单元格模板中设置图像大小的样式？

Question

我需要使 DataGrid 中的所有图像具有相同的大小。图像在许多地方都位于项目单元格模板内。如何将尺寸样式应用于所有这些？

UPD代码示例：

                    <DataGrid.Columns>
                        <DataGridTemplateColumn>
                            <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Image Source="Resources/Image1.png"/>
                                </DataTemplate>
                            </DataGridTemplateColumn.CellTemplate>
                        </DataGridTemplateColumn>
                        // some other columns with text or images
                    </DataGrid.Columns>

Answer 1

您可以使用 Image 的 TargetType 创建样式来控制尺寸，然后应用于所有图像。

以下内容放入您的资源字典中

    <Style x:Key="smallImageStyleKey" TargetType="Image"> 
        <Setter Property="Width" Value="32" />
        <Setter Property="Height" Value="32" />
    </Style>

然后修改图像的 XAML，使其看起来像

<Image Source="Resources/Image1.png" Style="{StaticResource smallImageStyleKey}"/>

我个人将每个图像放入 ViewBox 中，并将样式应用于该图像。

理想情况下，您应该首先在适当的图像编辑程序中调整所有图像的大小，因为这比在 WPF 中调整图像大小的效果要好得多。