Wie verwende ich ein WPF Ribbon-Menü und zeige den Inhalt unten in derselben Ansicht an?

Question

Ich bin neu bei WPF, MVVM und Ribbon. Grundsätzlich kann ich erfolgreich ein Menüband erstellen, Schaltflächen hinzufügen, ich verstehe das MVVM-Konzept. Jetzt kämpfe ich, um alle oben genannten zu kombinieren: Ribbon-Menü mit MVVM-Modell.

Genauer gesagt frage ich mich, wie ich folgendes implementieren könnte: sagen wir mal, Sie haben ein Menüband mit 2 "Tabs": eines für Kundenfunktionalität (hinzufügen, suchen, ...), eines für die Bestandsverwaltung (Bestand suchen, Bestand verwalten, ...).

Jetzt, jedes Mal, wenn ich auf eine Schaltfläche klicke (sagen wir die Schaltfläche "Kunden suchen" im Menüband), möchte ich ein Suchformular anzeigen und die Suchergebnisse darunter, aber nicht in einer neuen Ansicht. Ich möchte dies in der gleichen Ansicht/Fenster, aber unter dem Ribbon-Menü angezeigt haben. Jedes Mal, wenn eine neue "Funktionalität" im Ribbon-Menü ausgelöst wird, möchte ich, dass sie im selben Fenster/in derselben Ansicht angezeigt wird und meine primäre Ansicht/das Fenster immer wieder verwendet.

Wie kann ich dies implementieren, im Grunde "update" das primäre Fenster jedes Mal, wenn eine neue Schaltfläche in der Multifunktionsleiste mit einem neuen Inhalt angeklickt wird?

Ich habe dafür gegoogelt, ich fand alle Arten von Tutorials und Codebeispiele, die entweder nur das Ribbon-Menü (ohne MVVM-Konzept) oder einfach das MVVM-Konzept demonstrieren, aber ohne ein Ribbon-Menü, aber Für die Liebe von mir, ich kann nicht meinen Kopf herum, wie ich implementieren würde, was ich oben beschrieben ...

Answer 1

In der Regel haben Sie so etwas wie eine Ansicht-Platzhalter in Ihrer Ansicht, wenn Sie einen Inhalt ändern möchten . Dies kann ganz unterschiedliche Dinge wie Items sein (für mehr als einen Inhalt, eine Content oder einen Textblock)

Für Ihr Problem, ich glaube, Sie einfach einen Content verwenden können:

Beispielansicht:

<UserControl x:Class="WpfApplication1.View.SampleVIew" 
      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" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"> 
    <DockPanel> 
     <!--Ribbon Menu--> 
     <Menu DockPanel.Dock="Top" /> 

     <!--Your Content to Change--> 
     <ContentPresenter Content="{Binding CurrentContent}" /> 
    </DockPanel> 
</UserControl> 

(Anstelle dieses Menü haben Sie Ihre Ihre Band.) Dann in Ihrem Viewmodel Sie ein Ansichtsmodell der Immobilie

ViewModelBase _currentContent; 
public ViewModelBase CurrentContent 
{ 
    get { return _currentContent; } 
    set 
    { 
     _currentContent = value; 
     RaisePropertyChanged(nameof(CurrentContent)); 

    } 
} 

haben Die RaisePropertyChanged-Methode löst nur das PropertyChanged-Ereignis der INotifyPropertyChanged-Schnittstelle aus, von der Sie glauben, dass Sie wissen, dass Sie das mvvm-Muster verstehen.

Dann in Ihrer Methode für die RibbonButton ändern Sie einfach die CurrentContent-Eigenschaft zu einem anderen ViewModel.

<DataTemplate DataType="{x:Type my:DifferentViewModel}"> 
     <local:MyUserControlForDifferentView /> 
    </DataTemplate> 

EDIT:

Die beste Tutorial fand ich hatte, als ich begann, mit wpf, war der Artikel von Josh

public void MyCommandMethod() 
{ 
    this.CurrentContent = new DifferentViewModel(); 
} 

Die Viewmodels sollte über Datatemplates wie zu Ansichten abgebildet werden Smith: this