Wie kann ich ein Steuerelement in einem Fenster überlagern?

Question

Jetzt habe ich ein normales Fenster mit einer Reihe von Steuerelementen.

Wenn der Benutzer eine bestimmte Taste drückt, möchte ich das gesamte Fenster abdunkeln und dann ein Popup darüber anzeigen. Kein echtes Dialogfeld, nur etwas, das sich im Fenster befindet.

Das ist also meine Theorie ...

1. Jede Steuerung ist auf Layer 0
2. Es ist ein Rechteck mit der gleichen Größe wie die Form in Schicht 1. Diese hat 50% Transparenz.
3. Mein Popup wird in Layer 2 geladen.
4. Klicken Sie auf eine beliebige Stelle auf dem Rechteck, um das Popup zu schließen.

Ist das möglich?

Answer 1

Das ist perfekt möglich.

Setzen Sie Ihre gesamte Benutzeroberfläche in ein beliebiges Panel in einem <Grid>.

Setzen Sie dann im selben Raster eine <Rectangle Opacity=".5" Visibility="Collapsed" /> für das Overlay und ein zentriertes Panel für das Popup ein.

Behandeln Sie das Klickereignis des Rechtecks ​​und blenden Sie das Popup aus.