Schritt 3: Anpassen von Erscheinungsbild und Verhalten

Aktualisiert: November 2007

In der vorherigen Lektion haben Sie eine Benutzeroberfläche erstellt, indem Sie einer Anwendung Steuerelemente hinzugefügt haben. Ihre Benutzeroberfläche verfügt zu diesem Zeitpunkt allerdings weder über das Erscheinungsbild noch über die Funktionen einer fertigen Anwendung. In dieser Lektion werden Sie Eigenschaften mit dem Fenster Eigenschaften festlegen, um die Darstellung Ihrer Steuerelemente zu steuern.

Unter Video How to: Creating Your First Visual Basic Program finden Sie eine Videodemonstration.

So legen Sie die Eigenschaften der Steuerelemente fest

1. Wählen Sie im Formular-Designer das Panel-Steuerelement aus.

   Im Eigenschaftenfenster im rechten unteren Bereich der IDE werden alle Eigenschaften angezeigt, die für das Panel-Steuerelement mit dem Namen Panel1 verfügbar sind.

2. Wählen Sie im Eigenschaftenfenster die Dock-Eigenschaft aus, und klicken Sie dann auf den Pfeil rechts daneben. Ein kleines Auswahlfenster mit mehreren Feldern wird angezeigt.

   Tipp:
   Die Dock-Eigenschaft ist unter der Kategorie Layout verfügbar. Sie können die Eigenschaften alphabetisch sortieren, indem Sie im Eigenschaftenfenster auf die Schaltfläche AZ klicken.

3. Klicken Sie im Auswahlfenster auf das obere Feld, um die Dock-Eigenschaft auf Top festzulegen. Das Panel-Steuerelement wird so erweitert, dass es den oberen Bereich des Formulars ausfüllt.

4. Klicken Sie im Fenster Eigenschaften zum Erweitern auf das Pluszeichen (+) neben der Size-Eigenschaft.

   Die Eigenschaften Width und Height werden im Fenster Eigenschaften angezeigt.

5. Beachten Sie, dass im Fenster Eigenschaften die Eigenschaft Height des Panel-Steuerelements auf 100 festgelegt ist. Ändern Sie diesen Eigenschaftenwert auf 50.

6. Wählen Sie im Formular-Designer das WebBrowser-Steuerelement aus. Legen Sie im Eigenschaftenfenster seine Dock-Eigenschaft auf Fill fest, indem Sie die Dock-Eigenschaft auswählen, auf den Pfeil rechts neben der Eigenschaft klicken und im Fenster für die Auswahl von Eigenschaften das mittlere Feld auswählen.

7. Wählen Sie im Formular-Designer das Button-Steuerelement aus.

8. Wählen Sie im Eigenschaftenfenster die Text-Eigenschaft des Button-Steuerelements aus. Löschen Sie Button1 in der rechten Spalte, und ersetzen Sie ihn durch Go!.

9. Nehmen Sie die gewünschten Änderungen an Größe und Position der Steuerelemente vor, und ändern Sie dann je nach Bedarf die Größe des Formulars. Angenommen, Sie möchten beispielsweise das TextBox-Steuerelement verlängern, sodass eine gültige URL vollständig angezeigt werden kann. Die Webbrowseranwendung kann beispielsweise wie in der folgenden Abbildung aussehen.

   Webbrowseranwendung
   

   Hinweis:
   Das TextBox-Steuerelement und das Button-Steuerelement verbleiben im oberen Bereich des Panel, andernfalls wären sie beim Ausführen der Anwendung für den Benutzer nicht sichtbar.

Genauere Betrachtung

In dieser Lektion haben Sie Eigenschaften festgelegt, die Einfluss auf die Darstellung der Steuerelemente einer Anwendung nehmen. Eine Eigenschaft in Visual Basic stellt ein Attribut eines Objekts dar – in diesem Fall eines Steuerelements. Beispielsweise besitzt das ButtonSteuerelement u. a. die Eigenschaft, einen Text anzuzeigen. Im vorliegenden Fall haben Sie die Text-Eigenschaft so festgelegt, dass "Go!" angezeigt wird. Weitere Informationen zu Eigenschaften finden Sie unter Genauere Betrachtung: Eigenschaften, Methoden und Ereignisse.

Neben Text können Eigenschaften auch andere Werttypen zugewiesen werden. Beispielsweise wurde für die Dock-Eigenschaft ein Auswahlfenster mit den verfügbaren Optionen angezeigt. Wahlweise können auch Eigenschaftenwerte wie Zahlen, auswählbare Optionen einer Liste oder True- und False-Werte verwendet werden.

Beim Ändern von Größe oder Position eines Steuerelements legen Sie gleichzeitig dessen Eigenschaften fest. Die Size-Eigenschaft und die Location-Eigenschaft bestimmen Größe und Position des Steuerelements auf einem Formular. Sie können das an einem praktischen Beispiel überprüfen, indem Sie im Eigenschaftenfenster die Size-Eigenschaft auswählen und anschließend mit der Maus die Größe des Steuerelements ändern. Wenn Sie die Maustaste loslassen, werden im Eigenschaftenfenster neue Werte für Size angezeigt. Weitere Informationen über das Layout von Steuerelementen finden Sie unter Genauere Betrachtung: Steuerelementlayout.

Die Mehrzahl der Eigenschaften kann jedoch nicht nur im Eigenschaftenfenster festgelegt werden, sondern auch durch Hinzufügen des entsprechenden Codes. In der nächsten Lektion erfahren Sie, wie Sie Code schreiben können, um Eigenschaften festzulegen.

Nächste Schritte

Die Erstellung der Benutzeroberfläche ist jetzt abgeschlossen! Sie müssen jetzt nur noch Anweisungen (auch als Code bezeichnet) zur Funktionsweise des Programms hinzufügen. In der nächsten Lektion fügen Sie dem Programm eine Codezeile hinzu.

Nächste Lektion: Schritt 4: Hinzufügen von Visual Basic-Code

Siehe auch

Aufgaben

Schritt 1: Erstellen eines Projekts in Visual Basic

Schritt 2: Erstellen einer Benutzeroberfläche

Konzepte

Genauere Betrachtung: Eigenschaften, Methoden und Ereignisse

Weitere Ressourcen

Erstellen eines ersten Visual Basic-Programms