Hilfe bei VS2022 C# XAML MVVM DataBinding

[Gunnar F. (gufi36)]

Hallo zusammen,
ich soll eine Anwendung für eine automatische CNC-gesteuerte 
Messvorrichtung schreiben. Schon seit ein paar Jahren mache ich sowas in 
C#, aber hatte mich bislang immer noch gegen die MFC gewehrt und bin bei 
Windows Forms geblieben. Diesmal packte mich der Ehrgeiz (oder der 
Teufel?) und ich wollte es mit XAML WPF versuchen, wegen des 
leistungsfähigen DataBinding. Und weil es so schön ist, wollte ich dann 
auch noch ein Model-View-ViewModel-Pattern daraus machen. Ich habe das 
Buch C#6 mit Visual Studio 2015, wo in Kapitel30 gar wundervoll ein 
Beispielprojekt dargestellt ist (das angehängte MainWindow.png), was 
geradezu ideal zu meiner Anwendung passt. Nur brauche ich keine Liste 
von Personen, sondern Positionen, mit X- und Y-Koordinaten sowie 
dazugehörige DALI-Kommandos. Und auch wenn ich noch nicht wirklich 
sattelfest in XAML bin und auch nicht vollständig das Programmiermodell 
verstehe, habe ich mich entschlossen, es auf meine Anforderungen 
anzupassen.
Mein Projekt K11-CNC sowie das Beispielprojekt aus dem Buch habe ich 
angehängt. Letzteres funktioniert! :-(
In meinem Projekt K11-CNC wird das MainWindow angezeigt, aber die 
ListView bleibt leer. Obwohl bei der Ableitung des MainViewModel 
erfolgreich die XML-Tabelle mit vorgefertigten Positionen gelesen und in 
der Auflistungsklasse gespeichert wird. Ich vermute, dass ich einen 
Fehler im DataBinding meines MainWindow habe. Aber ich finde ihn nicht 
und ich sehe auch nicht wirklich die Möglichkeiten, das zu debuggen.
Kann mir da jemand helfen? Das wäre klasse, denn ansonsten bin ich fast 
so weit, alles von vorne in WindowsForms zu schreiben. Das wäre doch 
wirklich schade...
Bitte zu bedenken, dass das MainWindow noch Baustelle ist. Ich wollte 
einfach mal runde Buttons probieren und auf die Schnelle ein paar 
Steuerelemente, die Kommandos an ein USB-CDC-Device senden. DAS 
funktioniert auch so weit.
Ich wäre sehr dankbar für Hilfe, die mich in meiner .Net-Evolution eine 
Ebene höher bringen könnte! ;-)

[Der M. (steinadler)]

Mahlzeit, hast du dem MainWindow auch den DataContext zugewiesen, aus 
dem er die Daten binden soll?

Schreib mal in den Konstruktor von MainWindow noch "DataContext = vm".

Dann könnte es funktionieren.

[Gunnar F. (gufi36)]

Danke für den Tipp... Die Hoffnung keimte schon auf.
So sieht jetzt der Konstruktor aus:

       public MainWindow()
       {
           DataContext = vm;
           InitializeComponent();
           vm = (MainViewModel)this.TryFindResource("vm");
           if (vm != null)
           {
               this.CommandBindings.Add(vm.NewCommandBinding);
               this.CommandBindings.Add(vm.DeleteCommandBinding);
               this.CommandBindings.Add(vm.SaveCommandBinding);
               this.CommandBindings.Add(vm.UndoCommandBinding);
           }
           this.Closing += MainWindow_Closing;
           vm.ConfirmDeleting += vm_ConfirmDeleting;

           //myCOM.PortName = Ports[0];
... und noch mehr Kram.
       }

Die Zeile DataContext habe ich hinzugefügt. Aber die ListView bleibt 
noch leer.

[Der M. (steinadler)]

Nein, zu dem Zeitpunkt ist vm noch null.
Du musst erst die Zuweisung vm=...FindResource machen.
Und danach die Zuweisung mit dem DataContext

[Gunnar F. (gufi36)]

Bingo, Du hast Recht! Habe die Zeile hinter die geschweiften Klammern 
gesetzt, jetzt wird die Tabelle gefüllt und Editieren/Navigieren 
funktioniert!
Danke vielmals!
Und ich merke, was ich da noch für Lücken zu füllen habe, von wegen

this.TryFindResource("vm");

ist mir noch komplett spanisch...
Aber jetzt kann es ja weiter gehen!

[Der M. (steinadler)]

Gunnar F. schrieb:
> this.TryFindResource("vm");

Du hast "vm" in der XAML-Datei definiert und deklariert. Damit landet 
dein ViewModel in den Ressourcen.
Mit ...TryFindResource holst du die Instanz bzw. einen Zeiger darauf 
dort heraus.

[Gunnar F. (gufi36)]

Boah! Danke Dir so sehr! In dem Bereich fühle ich mich noch sehr 
hilflos, das Debuggen der Zusammenarbeit von XAML und CodeBehind. Aber 
mit Deiner Hilfe kann ich ja jetzt wieder weiter kommen!

[Gunnar F. (gufi36)]

Guten Morgen, ich melde mich nochmal in der Hoffnung auf Hilfe.
Das DataBinding der GUI scheint jetzt wunderbar zu funktionieren.
Jetzt habe ich wieder aktiviert, was zu Beginn Probleme machte:
Die Navigationsbuttons sollten mit Icons gefüllt sein und je nach 
Zustand (enabled/disabled) auch das entsprechende Icon aus dem Ordner 
\Images einblenden.
Der Code war bis gestern:

<Button Width="50" Content="|c" Command="{Binding FirstCommand}" Margin="3"/>
<Button Width="50" Content="c" Command="{Binding PreviousCommand}" Margin="3"/>
<Button Width="50" Content=">" Command="{Binding NextCommand}" Margin="80,0,0,3"/>
<Button Width="50" Content=">|" Command="{Binding LastCommand}" Margin="3"/>

Ich habe also die Icons durch Content-Text emuliert. War häßlich!
Jetzt wie aus dem Programmbeispiel:

<Button Width="50" Command="{Binding FirstCommand}"  Template="{StaticResource navFirst}"  Margin="3"/>
<Button Width="50" Command="{Binding PreviousCommand}" Template="{StaticResource navPrevious}" Margin="3"/>
<Button Width="50" Command="{Binding NextCommand}" Template="{StaticResource navNext}" Margin="80,0,0,3"/>
<Button Width="50" Command="{Binding LastCommand}" Template="{StaticResource navLast}" Margin="3"/>

Sofort nach Eingabe der Template-Verweise, erschienen die Buttons in der 
Entwurfsansicht mit dem enabled-Icon!

Nur beim Start der Compilierung erhalte ich jetzt eine Ausnahme:

System.Windows.Markup.XamlParseException
  HResult=0x80131501
  Nachricht = Zeilennummer "13" und Zeilenposition "75" von "Die Angabe eines Werts für "System.Windows.Baml2006.Typ...
...
Innere Ausnahme 1:
IOException: Die Ressource "images/first_dis.png" kann nicht gefunden werden.

Ich habe viel probiert, die Ressourcen auf "immer kopieren" gestellt, 
die Pfadangaben in der NavigationButtons.XAML auf "/" statt "\\" 
gestellt, die Icon-Dateien manuell ins Ausgabeverzeichnis kopiert.
Kurzum: Der Fehler kommt immer noch.
Danke nochmal im Voraus!

[Gunnar F. (gufi36)]

Liebe Helfer,

ob ich vielleicht nochmal Hilfe erhalten kann?
Nach Steinadlers Hilfe hat das DataBinding zu der Listview bestens 
funktioniert. Das Problem vom 13.08. konnte ich lösen, das waren nur 
Einstellungen in der IDE, dass die Icons als Content zu builden sind und 
wenn neuer, ins Ausgabeverzeichnis zu kopieren.
Die Applikation soll im Einsatz Schrittmotoren treiben (eigenes Projekt 
mit STM32, per USB CDC). Ich möchte mit den Buttons Positionen anfahren 
und dann in der Listview abspeichern, so dass diese dann automatisch 
abgefahren werden können.
Ich bin über das ganze Wochenende daran gescheitert, die neue Position 
in den beiden Labels unten am Bildschirmrand, per DataBinding 
anzuzeigen!
Zunächst habe ich eine Klasse Motor angelegt, INotifyPropertyChanged 
darin implementiert.

    public partial class Motor : INotifyPropertyChanged
    {
        public string posX = "-----";
        private string posY = "-----";

        public event PropertyChangedEventHandler? PropertyChanged;

        public Motor()
        {
        public string PosX
        {
            get { return posX; }
            set
            {
                posX = value;
                OnPropertyChanged();
            }
        }
        public string PosY
        {
            get { return posY; }
            set
            {
                posY = value;
                //NotifyPropChange("PosY");
                //SetProperty(ref posY, value);
            }
        }
        private void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}   }   }

Darin habe ich verschiedene Möglichkeiten getestet, das Event 
auszulösen. Die SetProperty <T> stammt aus dem Buchbeispiel und ist 
generisch aufgebaut:

    public abstract class ViewModelBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler? PropertyChanged;

        protected void SetProperty<T>(ref T storage, T value, [CallerMemberName] string property = null)
        {
            if (Object.Equals(storage, value)) return;

            storage = value;
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(property));
        }
    }

Aber auf beide Methoden bleiben die Label leer. Das heißt, das 
DataBinding funktioniert schon, denn zur Entwurfszeit werden die 
Platzhalter "-----" schon angezeigt.

Auch in XAML habe ich mehreres probiert. Eine lokale Resource vom Motor 
erzeugen und daran binden.

       </ResourceDictionary.MergedDictionaries>
            <local:MainViewModel x:Key="vm" />
      <local:Motor x:Key="mot" />
        </ResourceDictionary>

   <StackPanel x:Name="stpMotorData" Grid.Row="6" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Center">
    <Label Content="X:" HorizontalAlignment="Left" Margin="4,0,0,0" VerticalAlignment="Center"/>
    <Label Content="{Binding Path=PosX}" x:Name="lblXPos" HorizontalAlignment="Left" VerticalAlignment="Center"/>
    <Label Content="Y:" HorizontalAlignment="Left" Margin="4,0,0,0" VerticalAlignment="Center"/>
    <Label Content="{Binding Path=PosY}"  x:Name="lblYPos"  HorizontalAlignment="Left" VerticalAlignment="Center"/>
  </StackPanel>

Versucht, im MainViewModel öffentliche Eigenschaften bereit zu stellen 
und daran zu binden:

        #region "Öffentliche Eigenschaften"
        public string AbsXPos { get { return _Motor.PosX; } }
        public string AbsYPos { get { return _Motor.PosY; } }

.. oder auch direkt an die im Motor gespeicherten Eigenschaften. Alles 
ohne Erfolg!
Ich war drauf und dran, alles hin zu werfen und wieder mit Windows.Forms 
anzufangen.
Als alternativen Workaround habe ich dann direkt in die Label.Contents 
geschrieben.
Das geht dann! Aber das ist ja auch ein Schritt zurück in die alte Welt.

Ich habe das Projekt als 7zip ohne binaries angehängt. Wäre toll wenn 
mich nochmal jemand erleuchten könnte! Danke!

[Gunnar F. (gufi36)]

Toll, jetzt geht's!

In MainWindow.xaml.cs

public Motor? myMot = null;
...
myMot = new();
stpMotorData.DataContext = myMot;   // Das StackPanel mit den Labels X:/Y:

Verstehe auch nicht, warum das am Wochenende nicht klappen wollte.
Ich war nüchtern, ehrlich! ;-)