c# - 图片边框控制换行问题

Question

在下面的示例中，我的边框环绕图像。因为我使用 DecodePixelWidth 来保持纵横比，所以边框没有紧紧环绕图像。两侧的边界正好靠在图像上，另外两个与控件有间隙。有没有一种干净的方法可以让边框在保持纵横比的同时包裹图像，而不是将图像拉伸(stretch)设置为填充。

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>

如此有效，Grid 的大小适合图像加上 1 的边距。然后 Border 拉伸(stretch)以填充 Grid，并在图像的顶部绘制它的边框。

如果您要经常使用它，那么您可能希望将它包装在一个自定义控件中。