70、WPF 流文档的深入解析与应用

WPF 流文档的深入解析与应用

1. 浮动元素与图形元素

在处理文档布局时，浮动元素（Floater）和图形元素（Figure）是两个重要的概念。使用固定大小的浮动元素在缩放时能得到更合理的结果。随着缩放百分比的变化，浮动元素的大小也会相应改变，其内部的图像会根据 Image.Stretch 属性进行拉伸，以填充或居中显示在浮动框内。

图形元素与浮动元素类似，但在定位方面提供了更多的控制。通常，我们会使用浮动元素，让 WPF 有更多的控制权来安排内容。但对于复杂丰富的文档，使用图形元素可以确保浮动框在窗口调整大小时不会偏移太远，或者将框放置在特定位置。

1.1 图形元素的属性

图形元素提供了一些浮动元素所没有的属性，具体如下表所示：
| 属性名 | 描述 |
| ---- | ---- |
| Width | 设置图形的宽度。可以使用与浮动元素相同的方式，以设备无关像素来设置图形大小。此外，还可以相对于整个窗口或当前列按比例设置图形大小。例如，在 XAML 中，可以使用 “0.25 content” 创建一个占窗口宽度 25% 的框，或使用 “2 Column” 创建一个两列宽的框。 |
| Height | 设置图形的高度。也可以使用设备无关单位设置图形的确切高度。（相比之下，浮动元素会根据指定的宽度自动调整高度以适应所有内容。）如果使用 Width 和 Height 属性创建的浮动框太小，无法容纳所有内容，部分内容将被截断。 |
| HorizontalAnchor | 取代了浮动元素类中的 Hori