Вопрос об обтекании границы

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. Затем граница растягивается, чтобы заполнить сетку, и рисует ее границу поверх изображения.

Если вы собираетесь использовать это много, то вы можете обернуть его в пользовательский элемент управления.