在 C# WPF (Windows Presentation Foundation) 中，Image 控件用于显示图像。对于如何填充和展示这些图像，WPF 提供了多种选项，以满足不同的布局和显示需求。以下是 WPF 中 Image 控件的一些主要填充方式：

1. Stretch 属性

Stretch 属性决定了图像如何在其容器内填充。以下是几种主要的 Stretch 值：

• None：图像不会拉伸或收缩以匹配其容器的大小。如果图像尺寸小于容器，它会在容器中心显示；如果图像尺寸大于容器，它会被裁剪。

• Fill：图像会被拉伸或收缩，以完全填充其容器。这可能会导致图像的比例失真。

• Uniform：图像会被拉伸或收缩，以保持其原始的宽高比，同时尽可能填充容器。这可能会导致图像周围出现空白。

• UniformToFill：与 Uniform 类似，但图像会被拉伸或收缩到与容器相同的大小，可能导致严重的比例失真。

示例：

<Image Source="image.jpg" Stretch="Fill" />

2. StretchDirection 属性

当 Stretch 设置为 Fill 时，StretchDirection 可以用来控制图像在填充容器时优先拉伸的方向。它有两个值：UpOnly 和 Both。

• UpOnly：图像只在垂直方向上拉伸。

• Both：图像在水平和垂直方向上同时拉伸。

3. PreserveAspectRatio 属性

PreserveAspectRatio 属性决定了在拉伸或收缩图像时是否保持其原始的宽高比。如果设置为 True，则图像会保持其原始比例；如果设置为 False，则图像可能不会保持其原始比例。

示例：

<Image Source="image.jpg" Stretch="Uniform" PreserveAspectRatio="True" />

4. Clip 属性

Clip 属性可以用来定义图像显示的区域。通过 Clip，你可以创建图像的裁剪效果。通常，Clip 会与一个 Geometry 对象（如 RectangleGeometry 或 PathGeometry）一起使用，来定义裁剪区域。

5. LayoutTransform 属性

LayoutTransform 属性允许你应用转换（如旋转、缩放、倾斜或平移）到 Image 控件，从而改变其在布局中的外观。这不同于图像本身的变换，因为它影响的是布局中的定位，而不是渲染的图像内容。

6. RenderTransform 属性

RenderTransform 属性允许你应用转换到图像内容本身，这意味着图像的渲染结果会被转换。你可以使用 RotateTransform、ScaleTransform、SkewTransform 或 TranslateTransform 等来变换图像。

7. CacheMode 属性

CacheMode 属性可以用来优化图像渲染的性能。例如，使用 BitmapCache 可以提高重复渲染相同图像内容的性能。

总结

在 WPF 中，Image 控件提供了多种填充和显示图像的方式。通过组合使用上述属性，你可以实现复杂的图像布局和显示效果。在设计 UI 时，选择合适的填充方式对于保持图像质量和用户体验至关重要。