Hallo zusammen,
danke für die Erläuterungen und die Hinweise.
Ich habe mal versucht diese Anmerkungen umzusetzen und mir aus diesem Grund mal ein Beispiel angeschaut (http://openbook.rheinwerk-verlag.de/visual_csharp_2012/1997_28_005.html).
Auf mein Projekt übertragen habe ich nun folgendes:
Model:
namespace MVVM_Example
{
public class Image
{
/// <summary>
///
/// </summary>
public string ImagePath { get; set; }
/// <summary>
/// Konstruktor
/// </summary>
public Image()
{
ImagePath = "Bilder\\Bild.bmp";
}
}
}
View:
public partial class MainWindow : Window
{
public ViewModel Model { get; set; }
public MainWindow()
{
InitializeComponent();
DataContext = new ViewModel();
}
}
Und mein ViewModel:
public class ViewModel : INotifyPropertyChanged
{
/// <summary>
/// Eventhandler
/// </summary>
public event PropertyChangedEventHandler PropertyChanged;
private Image ImageModel;
/// <summary>
/// Property
/// </summary>
private BitmapImage _ImageView;
public BitmapImage ImageView
{
get { return _ImageView; }
set
{
if (_ImageView == value)
{
return;
}
_ImageView = value;
OnPropertyChanged("ImageView");
}
}
/// <summary>
/// Konstruktor
/// </summary>
public ViewModel()
{
ImageModel = new Image();
ImageView = new BitmapImage(new Uri(ImageModel.ImagePath, UriKind.Relative));
}
/// <summary>
///
/// </summary>
/// <param name="propertyname"></param>
protected internal void OnPropertyChanged(string propertyname)
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(propertyname));
}
}
}
Dazu dann meinen XAML-Code im MainWindow:
<Grid>
<Main:ImageUserControl MyImage="{Binding ImageView}"/>
</Grid>
Und mein UserControl:
public partial class ImageUserControl : UserControl
{
public static readonly DependencyProperty MyImageProperty = DependencyProperty.Register("MyImage", typeof(ImageSource), typeof(ImageUserControl));
public ImageSource MyImage
{
get { return (ImageSource)GetValue(MyImageProperty); }
set { SetValue(MyImageProperty, value); }
}
public ImageUserControl()
{
InitializeComponent();
}
}
<UserControl x:Class="MVVM_Example.ImageUserControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:MVVM_Example"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300"
DataContext="{Binding RelativeSource={RelativeSource Self}}">
<Grid>
<Image Source="{Binding Path=MyImage}" />
</Grid>
</UserControl>
Wenn ich das nun richtig umgesetzt habe, habe ich das Model mit meinen Daten (sprich in dem Falle nur einen Pfad zu einem Bild), mein View, welches beschreibt wie alles auszusehen hat (MainWindow mit UserControl) und dann das ViewModel, welches die Daten
in MainWindow darstellt (also den Pfad in ein BitmapImage umwandeln).
Nur leider sehe ich das Bild nicht und VS gibt die Meldung
System.Windows.Data Error: 40 : BindingExpression path error: 'ImageView' property not found on 'object' ''ImageUserControl' (Name='')'. BindingExpression:Path=ImageView; DataItem='ImageUserControl' (Name=''); target element is 'ImageUserControl' (Name=''); target property is 'MyImage' (type 'ImageSource')
aus. Wenn ich, wie in Peters Beispiel, schreibe
<Grid>
<Image Name="Image" Source="{Binding ImageView}"/>
<Main:ImageUserControl MyImage="{Binding ElementName=Image, Path=Source}"/>
</Grid>
bekomme ich das Bild angezeigt. Wo steckt da noch der Denkfehler?
