MFC - Windows Layout

Layout of controlsist sehr wichtig und entscheidend für die Benutzerfreundlichkeit der Anwendung. Es wird verwendet, um eine Gruppe von GUI-Elementen in Ihrer Anwendung anzuordnen. Bei der Auswahl des Layouts sind bestimmte wichtige Punkte zu beachten:

  • Positionen der untergeordneten Elemente.
  • Größen der untergeordneten Elemente.

Steuerelemente hinzufügen

Lassen Sie uns ein neues dialogbasiertes MFC-Projekt MFCLayoutDemo erstellen.

Step 1 - Sobald das Projekt erstellt wurde, wird der folgende Bildschirm angezeigt.

Step 2 - Löschen Sie das TODO aus dem Dialogfeld.

Step 3 - Ziehen Sie einige Steuerelemente aus der Toolbox, die Sie auf der linken Seite sehen können.

(Wir ziehen einen statischen Text und ein Bearbeitungssteuerelement, wie im folgenden Schnappschuss gezeigt).

Step 4 - Ändern Sie die Beschriftung des statischen Textes in Name.

Kontrollgitter

Das Steuergitter sind die Leitgitterpunkte, die bei der Positionierung der Steuerelemente helfen können, die Sie zum Zeitpunkt des Entwurfs hinzufügen.

Um das Kontrollraster zu aktivieren, müssen Sie in der Symbolleiste auf die Schaltfläche Raster umschalten klicken (siehe folgenden Schnappschuss).

Steuert die Größenänderung

Nachdem Sie einem Dialogfeld ein Steuerelement hinzugefügt haben, nimmt es entweder die Standardgröße oder die Größe an, mit der Sie es gezeichnet haben. Visual Studio bietet ein visuelles Raster aus schwarzen Punkten, um die Größe der Steuerelemente im Formular oder Dialogfeld zu verbessern.

Um die Größe eines Steuerelements zu ändern, dh ihm eine bestimmte Breite oder Höhe zuzuweisen, positionieren Sie die Maus auf einem der Ziehpunkte und ziehen Sie sie in die gewünschte Richtung.

Sie können jetzt die Größe der Steuerelemente mithilfe dieses gepunkteten Rasters ändern.

Steuert Positionen

Die Steuerelemente, die Sie in einem Dialogfeld oder einem Formular positionieren, nehmen ihren angegebenen Platz ein. Meistens sind diese Positionen nicht praktikabel. Sie können sie an eine beliebige Position Ihrer Wahl verschieben.

Lassen Sie uns noch einige Steuerelemente hinzufügen -

Step 1 - Um ein Steuerelement zu verschieben, klicken Sie darauf und ziehen Sie es in die gewünschte Richtung, bis es die gewünschte Position erreicht.

Step 2- Um eine Gruppe von Steuerelementen zu verschieben, wählen Sie sie zuerst aus. Ziehen Sie dann die Auswahl an die gewünschte Stelle. Lassen Sie uns die statischen Texte auswählen und Steuerelemente bearbeiten.

Step 3 - Bewegen Sie diese ausgewählten Steuerelemente nach links.

Um die Positionierung der Steuerelemente zu erleichtern, stellt Visual Studio der Dialogsymbolleiste die folgenden Schaltflächen zur Verfügung.

Step 1 - Lassen Sie uns das Kontrollkästchen und die Steuerelemente für statischen Text links ausrichten, indem Sie alle diese Steuerelemente auswählen.

Step 2 - Wählen Sie Format → Ausrichten → Links.

Step 3 - Sie können jetzt sehen, dass alle diese Steuerelemente nach links ausgerichtet sind.

Tab-Reihenfolge

Die Steuerelemente, die Sie einem Formular oder einem Dialogfeld hinzufügen, befinden sich in einer Reihenfolge, die der Reihenfolge folgt, in der sie hinzugefügt wurden. Wenn Sie Steuerelemente unabhängig von dem Abschnitt oder Bereich hinzufügen, in dem Sie das neue Steuerelement platzieren, wird es nacheinander am Ende der vorhandenen Steuerelemente positioniert. Wenn Sie das Problem nicht beheben, kann der Benutzer nur schwer durch die Steuerelemente navigieren. Die Reihenfolge der Steuerungsnavigation wird auch als Registerkartenreihenfolge bezeichnet.

Um die Registerkarte zu ändern, können Sie entweder die Menüoption Format → Registerkartenreihenfolge oder die Tastenkombination Strg + D verwenden. Drücken wir Strg + D.

Sie können jetzt die Reihenfolge sehen, in der alle diese Steuerelemente zu diesem Dialogfeld hinzugefügt werden. Um die Reihenfolge oder Reihenfolge der Steuerelemente zu ändern, klicken Sie auf alle Steuerelemente in der Reihenfolge, in der Sie navigieren möchten.

In diesem Beispiel klicken wir zuerst auf das Kontrollkästchen, gefolgt von den Steuerelementen zum Bearbeiten von Namen und Adressen. Klicken Sie dann auf OK und Abbrechen, wie im folgenden Schnappschuss gezeigt.

Lassen Sie uns diese Anwendung ausführen und Sie werden die folgende Ausgabe sehen.