图像边框控制包装问题

Question

在下面的示例中，我的边框环绕图像。 边框不会紧紧包裹图像，因为我使用DecodePixelWidth来保持纵横比。 两边最终边界正对着图像，另外两边与控件有间隙。 是否有一种干净的方法让边框包裹图像，同时保持纵横比，而不是设置图像拉伸填充。

BitmapImage bitmapIkon = new BitmapImage();
bitmapIkon.BeginInit();
bitmapIkon.CacheOption = BitmapCacheOption.OnLoad;
bitmapIkon.CreateOptions = BitmapCreateOptions.IgnoreImageCache;

bitmapIkon.UriSource = new Uri(imagePath);

bitmapIkon.DecodePixelWidth = decodePixelWidth;
bitmapIkon.EndInit();
iImage.MinWidth=width;
iImage.MinHeight=height;
iImage.Source = bitmapIkon;

<Border Width="Auto" Height="Auto" Name="borderImageData"  HorizontalAlignment="Center" VerticalAlignment="Center" BorderBrush="Black" BorderThickness="1" CornerRadius="0">
    <Image Name="iImage" Stretch="Uniform" />
</Border>

Answer 1

这样的事情应该有效：

<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
    <TextBox Name="iImage" Text="Uniform" Margin="1" />
    <Border Name="borderImageData" BorderBrush="Black" BorderThickness="1" CornerRadius="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
</Grid>

如此有效，网格大小适合图像加上边距1.边框然后伸展以填充网格，并在图像顶部绘制边框。

如果您要使用它很多，那么您可能希望将其包装在自定义控件中。