Wie erstellt man ein Template-Fenster in WPF?

Question

So baue ich eine Anwendung, die viele Fenster, die alle mit dem gleichen grundlegenden Layout hat:

1. ein Hauptfenster
2. Ein Logo in der oberen Ecke
3. Ein Titelblock
4. A Statusanzeige unten
5. Ein Bereich für fensterspezifische Steuerelemente.

Im Moment muss ich diese Struktur in jedem Fenster neu erstellen. Idealerweise möchte ich, dass dieses Layout an einem einzigen Ort codiert wird, vielleicht in einer benutzerdefinierten Fensterunterklasse, um die Benutzung zu vereinfachen. Hat jemand irgendwelche Anhaltspunkte dafür, wie man anfängt oder frühere Erfahrungen mit ähnlichen Problemen?

Answer 1

Sie können ein neues ControlTemplate erstellen, das wie unten gezeigt auf ein Fenster ausgerichtet ist.

<ControlTemplate x:Key="WindowControlTemplate1" TargetType="{x:Type Window}"> 
    <Border 
     Background="{TemplateBinding Background}" 
     BorderBrush="{TemplateBinding BorderBrush}" 
     BorderThickness="{TemplateBinding BorderThickness}" 
     > 
     <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="0.93*"/> 
       <RowDefinition Height="Auto"/> 
      </Grid.RowDefinitions> 

      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="0.21*"/> 
       <ColumnDefinition Width="0.79*"/> 
      </Grid.ColumnDefinitions> 

      <ContentPresenter 
       Grid.ColumnSpan="2" 
       Grid.Row="1" 
       Content="{TemplateBinding Content}" 
       ContentTemplate="{TemplateBinding ContentTemplate}" 
       /> 
      <ResizeGrip 
       HorizontalAlignment="Right" 
       x:Name="WindowResizeGrip" 
       VerticalAlignment="Bottom" 
       IsTabStop="False" 
       Visibility="Collapsed" 
       Grid.Column="1" 
       Grid.Row="2" 
       /> 
      <TextBlock Text="My Logo" /> 
      <TextBlock Grid.Column="1" Text="My Title"/> 
      <StatusBar Height="20" Grid.ColumnSpan="2" Grid.Row="2"/> 
     </Grid> 
    </Border> 

    <ControlTemplate.Triggers> 
     <MultiTrigger> 
      <MultiTrigger.Conditions> 
       <Condition Property="ResizeMode" Value="CanResizeWithGrip"/> 
       <Condition Property="WindowState" Value="Normal"/> 
      </MultiTrigger.Conditions> 
      <Setter Property="Visibility" TargetName="WindowResizeGrip" Value="Visible"/> 
     </MultiTrigger> 
    </ControlTemplate.Triggers> 
</ControlTemplate> 

Answer 2

Warum genau verwenden Sie "viele Fenster?" Warum nicht nur ein einzelnes Fenster mit einem Tab-Steuerelement? Oder ein einzelnes Fenster mit Benutzerkontrollen?

Unabhängig davon, um Ihre Frage zu beantworten, Benutzercontrols sind eine Möglichkeit, wie Sie die Funktionalität, die Sie beschreiben wollen, erhalten wollen.

Erstellen Sie eine neue Window-Klasse, und haben Sie eine "Childrens" -Eigenschaft, mit der ein Objekt in das Dock-Panel eingebettet werden kann, wo die "fensterspezifischen Steuerelemente" angezeigt werden sollen.

Wenn Sie neue Fenster starten, instanziieren Sie den Fenstertyp und ein Benutzersteuerelement mit den entsprechenden Steuerelementen, fügen Sie das Benutzersteuerelement der Children-Eigenschaft Ihres Fensters hinzu, und zeigen Sie das Fenster an. Sie können sogar Event-Handler, DataContexts und was nicht zu diesem Zeitpunkt binden.

Answer 3

Wenn Sie mutig genug sind, eine große architektonische Verschiebung zu machen, könnten Sie CompositeWPF (früher Codename Prism) von den Patterns & Practices guys bei Microsoft betrachten.

Von Interesse für Sie wäre die Möglichkeit, "Regionen" in einer Shell (d. H. Fenster) zu definieren und dann Ansichten zu verwenden, um die Regionen zu füllen. Es verwendet das Model-View-Presenter-Muster, um eine unabhängige Entwicklung von "Ansichten" aus dem Modell zu ermöglichen, die im Laufe der Zeit einfach verschoben werden können, da die Shell nur Regionen definiert und nicht direkt mit dem verbunden ist. Im Prinzip hilft das, die Shell von den Ansichten und den Ansichten voneinander zu entkoppeln und es einfacher zu machen, Unit-Test zu machen ... blah, blah blah.

Es ist ein großer Sprung und etwas, das Sie am Anfang verlangsamen wird, obwohl Ihre Situation eine der Arten von Anwendungen ist, die CompositeWPF adressieren soll.

Als Teil von CompositeWPF müssen Sie verschiedene Muster berücksichtigen, die Neulinge z. UnityContainer, Inversion-of-Control, MVP (oder Model/view/view-model) und Dependency Injection.

kann ich erinnere mich, als ich mit den Beispielanwendungen sind verwirrt zuerst gestartet, weil es die einige der Ansichten nicht klar, wie auf der Erde ist selbst erstellt werden wurden! Der Einheitsbehälter wird Objekte instanziieren und parametrisierte Konstruktoren magisch aufrufen.

CompositeWPF ist eine elegante Lösung für Ihre Frage, aber keine einfache oder unkomplizierte. Nachdem ich CompositeWPF in meinem letzten Projekt verwendet habe, beabsichtige ich, es für die nächste geeignete Anwendung wieder zu verwenden.

Answer 4

Der einfachste Ansatz ist, WPF eine "Seite" für die fensterspezifischen Steuerelemente zu erstellen und ein "Frame" im Hauptfenster zu platzieren. Sie können sogar eine nette Navigation auf diese Weise erstellen.