有时候我们在WPF程序中设置了图片的Width和Height，但图片显示出来的宽和高并不是我们预期的效果，这实际上是由于Image的默认Stretch属性导致的

Image的Stretch属性默认为Uniform，这代表图片会均匀的变大和缩小，保证了图片的比例不失调，而往往我们设置的宽和高并不符合图片的比例，因此显示效果就

不是我们预期所想，Image的Stretch属性还可以设置为以下值：

None —— 图片会按原始大小显示

Fill —— 图片会按照设置的Width和Height显示，比例会失调

UniformToFill —— 图片会按照设置的Width和Height显示，但图片是均匀变大和缩小的，比例不失调，超出显示范围的图像会被截掉

但是如果将image放到StackPanel，会发现iamge的stretch的fill属性失效

原因如下：

在WPF中，StackPanel是十分常用的布局元素。然而，该元素和很多其它元素不同，当其内部元素需要的尺寸较大时（超出StackPanel父元素）的尺寸时，如果没有明确限制StackPanel元素的MaxWidth/MaxHeight或者直接赋值Width/Height，那么StackPanel的尺寸会超出父元素的尺寸。

那既然StackPanel是这样的，那DockPanel如何呢？直接把StackPanel改成DockPanel,发现DockPanel的尺寸始终与父元素一样大，始终不会超过父元素。