动态尺寸图像上的边框答案

【问题标题】：Border on a Dynamic Size Image动态尺寸图像上的边框
【发布时间】：2014-04-16 06:36:34
【问题描述】：

我在Grid 中有一个Image：

<Grid>
    <Image Stretch="Uniform" 
           HorizontalAlignment="Stretch" 
           VerticalAlignment="Stretch" />
</Grid>

由于拉伸设置为Uniform，它不会完全填充网格。图像源也在不断变化，每个源的宽度和高度可能完全不同。

我想在图片周围加上Border，我该怎么做？如果我简单地说：

<Grid>
    <Border Width="{Binding ElementName="myImage", Path=RenderedSize.Width}" 
            Height="{Binding ElementName="myImage", Path=RenderedSize.Height}">
        <Image x:Name="myImage"
               ... />
    </Border>
</Grid>

它将包裹整个 Grid 而不仅仅是 Uniform 图像。

【问题讨论】：

标签： c# wpf xaml

【解决方案1】：

在边框上设置 HorizontalAlignment 和 VerticalAlignment 为 Center。默认值为 Stretch，因此它会拉伸以填充整个网格。

<Border HorizontalAlignment="Center" VerticalAlignment="Center">
   <Image x:Name="myImage"/>
</Border>

【讨论】：