WPF Как центрировать Image.Source - PullRequest
6 голосов
/ 04 июля 2010

Я разрабатываю пользовательский элемент управления изображениями в WPF .NET 3.5 и Visual Studio 2010.

В WinForms элемент управления PicutreBox имеет свойство SizeMode , которое включает " CenterImage ".

Я хочу, чтобы мой контроль над изображениями обладал этой способностью.

Есть ли вообще?

Спасибо

Мой код XAML:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="768" Width="1024" xmlns:my="http://schemas.sharpsoft.net/xaml" xmlns:my1="clr-namespace:WpfApplication1">
    <Grid>
        <my1:CustomControl1
                    x:Name="customControl11"
                    Width="206"
                    Height="197"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    Margin="18,58,0,0"
                    Stretch="Uniform"/>
    </Grid>
</Window>

Мой код CustomControl:

public class CustomControl1 : Image
{
    public CustomControl1()
    {
        // Bitmap to Stream
        Stream ms = new MemoryStream();
        Properties.Resources.webcam_background.Save(ms, ImageFormat.Png);

        // Stream to BitmapImage
        BitmapImage bitmap = new BitmapImage();
        bitmap.BeginInit();
        bitmap.StreamSource = ms;
        bitmap.EndInit();

        // Set it
        Source = bitmap;
    }
}

Где "webcam_backgroud" - это изображение в формате png, добавляемое по умолчанию редактором ресурсов Visual Studio.

Ответы [ 4 ]

5 голосов
/ 05 июля 2010

Вы должны попытаться центрировать весь элемент Image, используя выравнивания:

    <Grid>
        <Image Stretch="None"
               HorizontalAlignment="Center"
               VerticalAlignment="Center" />
    </Grid>
3 голосов
/ 04 июля 2010

Установите Растянуть на Нет.

<Image Source="..." Stretch="None" />
0 голосов
/ 17 января 2018

Это мое рабочее решение:

<Image Name="PreviewImage" 
       HorizontalAlignment="Stretch" 
       Stretch="Uniform" 
       VerticalAlignment="Top" 
       Width="456"  
       Height="256"/>
0 голосов
/ 15 июня 2012

Просто укажите имя x: в окне и получите информацию о его размерах.

<Window x:Name="mainWindowContainer"
    x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="768" Width="1024" xmlns:my="http://schemas.sharpsoft.net
    [...]
</Window>

А затем вспомните информацию о реальном размере окон из кода. Затем, поскольку у вас есть размер хостинга и размер объекта, это просто математика. Указывая размер кадра все вокруг фона frameWidth, размер изображения (destWidth, destHeight), вы устанавливаете:

        int wOffset = (((int)mainWindowContainer.ActualWidth - frameWidth * 2) - destWidth) / 2 + frameWidth;
        int hOffset = (((int)mainWindowContainer.ActualHeight - frameWidth * 2) - destHeight) / 2 + frameWidth;

        Canvas.SetLeft(image, wOffset);
        Canvas.SetTop(image, hOffset); 
...