Как закрепить динамическое изображение?

Question

У меня возникает проблема при обрезании изображения на C# (wpf/silverlight). Я делаю это с изображением разрешения 640x960:

<Image Source="/someImage.png"> 
<Image.Clip> 
     <EllipseGeometry Center="320,480" RadiusX="120" RadiusY="120" /> 
    </Image.Clip> 
</Image> 

Но выше код даже не обрезает изображение правильно. Есть идеи ?

Моей второй проблемой является: Если параметры изображения проходят через некоторый веб-API (например, высота и ширина изображения). Затем, как связать/вычислить Центр и Радиус.

Спасибо.

Answer 1

1) Вы не видите изображения, потому что вы не указали Width и Height свойства (по умолчанию их значения установлены на 0).
2) Для того, чтобы связать Center, RadiusX, RadiusY свойства вы должны создать вид модели (вы должны быть знакомы с MVVM шаблон), а затем установить его на изображение DataContext свойство:

public class ImageViewModel : INotifyPropertyChanged 
{ 
    private Point _center; 
    private int _radiusX; 
    private int _radiusY; 


    public Point Center 
    { 
     get 
     { 
      return _center; 
     } 
     set 
     { 
      if (_center != value) 
      { 
       _center = value; 
       OnPropertyChanged(); 
      } 
     } 
    } 

    public int RadiusX 
    { 
     get 
     { 
      return _radiusX; 
     } 
     set 
     { 
      if (_radiusX != value) 
      { 
       _radiusX = value; 
       OnPropertyChanged(); 
      } 
     } 
    } 

    public int RadiusY 
    { 
     get 
     { 
      return _radiusY; 
     } 
     set 
     { 
      if (_radiusY != value) 
      { 
       _radiusY = value; 
       OnPropertyChanged(); 
      } 
     } 
    } 


    public event PropertyChangedEventHandler PropertyChanged; 


    public void OnUpdate(Point center, int radiusX, int radiusY) 
    { 
     Center = center; 
     RadiusX = radiusX; 
     RadiusY = radiusY; 
    } 


    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) 
    { 
     PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); 
    } 
} 

при получении новых значений, вызов OnUpdate в вашей модели просмотра, он установит новые значения, повысит событие PropertyChanged и ваше представление будет обновляться.
3) код позади:

myImage.DataContext = new ImageViewModel { Center = new Point(320,480), RadiusX = 120, RadiusY = 120 } 

4) XAML:

<Image x:Name="myImage" Source="/someImage.png"> 
    <Image.Clip> 
     <EllipseGeometry Center="{Binding Point}" RadiusX="{Binding RadiusX}" RadiusY="{Binding RadiusY}" /> 
    </Image.Clip> 
</Image>