Schritt 2: Erstellen einer Benutzeroberfläche

Aktualisiert: November 2007

Jetzt ist es an der Zeit, mit dem Erstellen des Webbrowsers zu beginnen. Unter Verwendung von Visual Basic Express Edition erstellen Sie die Benutzeroberfläche (der sichtbare Teil, mit dem der Benutzer interagiert), indem Sie Steuerelemente aus der Toolbox zum Formular hinzufügen.

Die Toolbox befindet sich auf der linken Seite von Visual Studio und besteht aus mehreren Registerkarten, wie Daten, Komponenten und Alle Windows Forms. Jede Registerkarte enthält eine Reihe von Einträgen, die Steuerelemente oder Komponenten darstellen, die Sie der Anwendung hinzufügen können. Die Registerkarte Alle Windows Forms enthält beispielsweise Einträge mit den Bezeichnungen TextBox, Button und CheckBox. Diese Einträge stellen Steuerelemente dar, die Sie der Anwendung hinzufügen können, indem Sie sie auf das Formular ziehen. Kümmern Sie sich vorerst nicht um die Größe der Steuerelemente. Wie das Aussehen einer Anwendung angepasst wird, erfahren Sie in der nächsten Lektion.

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

So fügen Sie der Anwendung Steuerelemente hinzu

1. Klicken Sie auf den Bereich Toolbox.

   Die Toolbox wird geöffnet.

   Hinweis:
   Die Toolbox ist leichter zu verwenden, wenn das Fenster geöffnet bleibt. Klicken Sie hierzu auf das Symbol Automatisch im Hintergrund, das wie eine Reißzwecke aussieht.

2. Klicken Sie auf die Registerkarte Alle Windows Forms der Toolbox, und ziehen Sie dann das Panel-Steuerelement in die linke obere Ecke des Formulars.

   Hinweis:
   Wenn Sie Schwierigkeiten mit der Suche nach dem richtigen Steuerelement haben, klicken Sie mit der rechten Maustaste auf die Toolbox, und wählen Sie dann Elemente alphabetisch sortieren aus.

3. Ziehen Sie aus der gleichen Registerkarte ein TextBox-Steuerelement, und legen Sie es auf dem Panel-Steuerelement ab.

   Hinweis:
   Sie können Steuerelemente mittels Drag & Drop-Vorgängen neu positionieren. Sie können auch die Größe eines Steuerelements anpassen, indem Sie darauf klicken, und den Rand bzw. die Ecke des Steuerelements ziehen.

4. Ziehen Sie aus der gleichen Registerkarte ein Button-Steuerelement, und legen Sie es rechts vom TextBox-Steuerelement auf dem Panel-Steuerelement ab.

5. Wählen Sie zum Schluss auf der Registerkarte Alle Windows Forms ein WebBrowser-Steuerelement aus, und legen Sie es unterhalb des Panel-Steuerelements ab.

   Hinweis:
   Wenn das WebBrowser-Steuerelement nicht in das Formular passt, können Sie die Größe des Formulars ändern, indem Sie an einem Rand oder einer Ecke des Formulars ziehen.

   Hinweis:
   Wenn Sie das Toolbox-Fenster nicht geschlossen haben, können Sie es jetzt schließen, damit Sie ein mehr Platz zum Arbeiten haben. Klicken Sie hierzu erneut auf das Symbol Automatisch im Hintergrund.

Genauere Betrachtung

Sie haben dem Formular vier Steuerelemente hinzugefügt. Steuerelemente enthalten Code, durch den ihre Darstellung und ihre Funktionalität definiert wird.

Nehmen wir zum Beispiel das Button-Steuerelement: Die meisten Programme besitzen eine "OK"- oder "Beenden"-Schaltfläche. Sie könnten natürlich eigenen Code schreiben, der eine Schaltfläche auf dem Bildschirm anzeigt, der deren Aussehen ändert, wenn sie gedrückt ist, und der Aktionen durchführt, wenn auf die Schaltfläche geklickt wird. Wenn Sie das jedoch bei jedem Programm tun müssten, würde Ihnen diese Aufgabe sicher schnell lästig. Das Button-Steuerelement enthält bereits den Code, der solche Sachen erledigt. Dies erspart Ihnen viel unnötige Arbeit.

Wie Sie sehen, enthält die Toolbox eine Vielzahl von Steuerelementen, und jedes Steuerelement erfüllt einen bestimmten Zweck. Panel-Steuerelemente können andere Steuerelemente aufnehmen, zum Beispiel die, die Sie gerade hinzugefügt haben. Button-Steuerelemente werden gewöhnlich dafür verwendet, dass Vorgänge ausgeführt werden, wenn der Benutzer auf das Steuerelement klickt. Ein Beispiel hierfür ist das Schließen eines Programms. Mithilfe von TextBox-Steuerelementen können Sie unter Verwendung der Tastatur Text auf dem Bildschirm eingeben. Ein WebBrowser-Steuerelement besitzt integrierte Webbrowserfunktionen, ähnlich denen von Internet Explorer. All den hiefür erforderlichen Code möchten Sie garantiert nicht selbst schreiben!

In den nachfolgenden Lektionen lernen Sie, wie Sie die Darstellung dieser und vieler anderer Steuerelemente anpassen können und wie Sie Code schreiben, der das Verhalten dieser Steuerelemente festlegt. Zusätzlich zu den Toolbox-Steuerelementen können Sie auch eigene Steuerelemente erstellen, die so genannten Benutzersteuerelemente, die auch in einer der folgenden Lektionen erläutert werden.

Nächste Schritte

Sie haben gerade alle für die Anwendung erforderlichen Steuerelemente hinzugefügt. Dies sieht wahrscheinlich unordentlich und unvollständig aus, und das nicht ohne Grund. In der nächsten Lektion verwenden Sie das Fenster Eigenschaften zum Festlegen der Eigenschaften, mit denen das Aussehen und das Verhalten einer Anwendung gesteuert wird.

Nächste Lektion: Schritt 3: Anpassen von Erscheinungsbild und Verhalten

Siehe auch

Aufgaben

Schritt 1: Erstellen eines Projekts in Visual Basic

Weitere Ressourcen

Erstellen eines ersten Visual Basic-Programms

Steuerelemente für Windows Forms