Freigeben über

Schritt 1: Erstellen eines Projekts und Hinzufügen einer Tabelle zum Formular

  • Artikel

Der erste Schritt beim Erstellen eines Vergleichsspiels besteht darin, das Projekt zu erstellen und dem Formular eine Tabelle hinzuzufügen.

So erstellen Sie ein Projekt und fügen dem Formular eine Tabelle hinzu

  1. Klicken Sie im Menü Datei auf Neues Projekt.

  2. Wenn Sie nicht Visual Studio Express verwenden, müssen Sie zuerst eine Programmiersprache auswählen.Wählen Sie in der Liste Installierte Vorlagen entweder C# oder Visual Basic aus.

  3. Klicken Sie auf das Symbol Windows Forms-Anwendung, und geben Sie dann MatchingGame als Namen ein.

  4. Legen Sie die Formulareigenschaften fest:

    1. Ändern Sie die Text-Eigenschaft des Formulars in Matching Game.

    2. Ändern Sie die Größe in 550 Pixel breit mal 550 hoch, indem Sie die Size-Eigenschaft verwenden oder mit der Maus ziehen, bis in der linken unteren Ecke der integrierten Entwicklungsumgebung (Integrated Development Environment, IDE) die richtige Größe angezeigt wird.

  5. Ziehen Sie ein TableLayoutPanel-Steuerelement aus der Toolbox, und legen Sie dessen Eigenschaften fest:

    1. Legen Sie die BackColor-Eigenschaft auf CornflowerBlue fest.(Wählen Sie in der Farbauswahl die Registerkarte Web aus, um die Farbnamen anzuzeigen.)

    2. Legen Sie die Dock-Eigenschaft auf Ausfüllen fest, indem Sie neben der Eigenschaft auf die Dropdownschaltfläche und dann auf die große mittlere Schaltfläche klicken.

    3. Klicken Sie in der oberen rechten Ecke von TableLayoutPanel auf die dreieckige Schaltfläche, um das Aufgabenmenü anzuzeigen.

    4. Klicken Sie zweimal auf Zeile hinzufügen, um zwei weitere Zeilen hinzuzufügen, und klicken Sie dann zweimal auf Spalte hinzufügen, um zwei weitere Spalten hinzuzufügen.

    5. Klicken Sie auf Zeilen und Spalten bearbeiten, um das Fenster Spalten- und Zeilenstile zu öffnen.Wählen Sie die einzelnen Spalten aus, klicken Sie auf die Schaltfläche Prozent, und legen Sie die Breite jeder Spalte auf 25 Prozent der Gesamtbreite fest.Wählen Sie anschließend am oberen Fensterrand im Dropdownfeld die Option Zeilen aus, und legen Sie die Höhe der einzelnen Zeilen auf 25 Prozent fest.Klicken Sie auf die Schaltfläche OK.

    TableLayoutPanel sollte jetzt über sechzehn quadratische Zellen gleicher Größe verfügen.

  6. Stellen Sie sicher, dass TableLayoutPanel im Formular-Editor ausgewählt ist.Wenn es ausgewählt ist, öffnen Sie die Toolbox, und doppelklicken Sie auf Label, um dem linken oberen Quadrat ein Label-Steuerelement hinzuzufügen.Das Label-Steuerelement sollte jetzt in der IDE ausgewählt sein.Legen Sie die Eigenschaften fest:

    1. Legen Sie die BackColor-Eigenschaft auf CornflowerBlue fest.

    2. Legen Sie die AutoSize-Eigenschaft auf False fest.

    3. Legen Sie die Dock-Eigenschaft auf Ausfüllen fest.

    4. Legen Sie die TextAlign-Eigenschaft auf MiddleCenter fest, indem Sie neben der Eigenschaft auf die Dropdownschaltfläche und dann auf die mittlere Schaltfläche klicken.

    5. Klicken Sie auf die Font-Eigenschaft.Eine Schaltfläche mit Auslassungspunkten wird angezeigt.

    6. Klicken Sie auf die Schaltfläche mit den Auslassungspunkten, und legen Sie die Schriftart auf Webdings 72 Punkt Fett fest.

    7. Legen Sie die Text-Eigenschaft auf den Buchstaben c fest.

      Die linke obere Zelle im TableLayoutPanel sollte jetzt einen großen schwarzen Kasten enthalten, der vor einem blauen Hintergrund zentriert ist.

      HinweisHinweis

      Die Schriftart Webdings ist eine Symbolschriftart, die mit dem Betriebssystem Microsoft Windows geliefert wird.Im Vergleichsspiel muss der Spieler Symbolpaare finden, und deshalb zeigen Sie die entsprechenden Symbole mithilfe dieser Schriftart an.Probieren Sie anstelle von c für die Text-Eigenschaft andere Buchstaben aus, um herauszufinden, welche Symbole angezeigt werden.Ein Ausrufezeichen ist eine Spinne, ein großes N ist ein Augapfel, und ein Komma ist eine Chilischote.

  7. Wählen Sie das Label-Steuerelement aus, und kopieren Sie es.(Drücken Sie STRG+C, oder klicken Sie im Menü Bearbeiten auf Kopieren.) Fügen Sie das Steuerelement anschließend ein.(Drücken Sie STRG+V, oder klicken Sie im Menü Bearbeiten auf Einfügen.) In der zweiten Zelle im TableLayoutPanel wird eine andere Bezeichnung angezeigt.Fügen Sie das Steuerelement erneut ein. In der dritten Zelle wird eine weitere Bezeichnung angezeigt.Fahren Sie mit dem Einfügen der Label-Steuerelemente fort, bis alle Zellen ausgefüllt sind.

    HinweisHinweis

    Wenn Sie zu viele Einfügungen vornehmen, fügt die IDE dem TableLayoutPanel eine neue Zeile hinzu, in der das neue Label-Steuerelement angeordnet werden kann.Sie können dies rückgängig machen.Um die neue Zelle zu entfernen, drücken Sie STRG+Z, oder klicken Sie im Menü Bearbeiten auf Rückgängig.

    Als Nächstes wird das Formular angelegt.Es sollte wie in der folgenden Abbildung aussehen.

    Anfangszustand des Formulars für das Vergleichsspiel

    Anfangszustand des Formulars für das Vergleichsspiel

So fahren Sie fort oder überprüfen die Angaben