You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/ide/step-1-create-a-project-and-add-a-table-to-your-form.md
+8-13Lines changed: 8 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: "Step 1: Create a project and add a table to your form"
3
-
ms.date: 11/04/2016
3
+
ms.date: 05/31/2019
4
4
ms.topic: conceptual
5
5
ms.prod: visual-studio-windows
6
6
ms.technology: vs-ide-general
@@ -21,7 +21,7 @@ The first step in creating a matching game is to create the project and add a ta
21
21
22
22
1. On the menu bar, choose **File** > **New** > **Project**.
23
23
24
-
1.In the**Installed Templates**list, choose either **C#**or **Visual Basic**, and then choose **Windows Desktop**.
24
+
1.Choose either**Visual C#**or **Visual Basic**on the left side of the **New Project** dialog box, and then choose **Windows Desktop**.
25
25
26
26
1. In the list of templates, choose the **Windows Forms App (.NET Framework)** template, name it *MatchingGame*, and then choose the **OK** button.
27
27
@@ -61,19 +61,15 @@ The first step in creating a matching game is to create the project and add a ta
61
61
62
62
## To set properties for a form
63
63
64
-
65
-
66
-
3. In the list of project templates, choose **Windows Forms Application**, name the project **MatchingGame**, and then choose the **OK** button.
67
-
68
-
4. In the **Properties** window, set the following form properties.
64
+
1. In the **Properties** window, set the following form properties.
69
65
70
66
1. Change the form's **Text** property from **Form1** to **Matching Game**. This text appears at the top of the game window.
71
67
72
68
2. Set the size of the form to 550 pixels wide by 550 tall. You can do this either by setting the **Size** property to **550, 550**, or by dragging the corner of the form until you see the correct size in the lower-right corner of the integrated development environment (IDE).
73
69
74
-
5. Display the toolbox by choosing the **Toolbox** tab on the left side of the IDE.
70
+
2. Display the toolbox by choosing the **Toolbox** tab on the left side of the IDE.
75
71
76
-
6. Drag a <xref:System.Windows.Forms.TableLayoutPanel> control from the **Containers** category in the toolbox, and then set the following properties for it.
72
+
3. Drag a <xref:System.Windows.Forms.TableLayoutPanel> control from the **Containers** category in the toolbox, and then set the following properties for it.
77
73
78
74
1. Set the **BackColor** property to **CornflowerBlue**. To do this, open the **BackColor** dialog box by choosing the drop-down arrow next to the **BackColor** property in the **Properties** window. Then, choose the **Web** tab in the **BackColor** dialog box to view a list of available color names.
79
75
@@ -92,7 +88,7 @@ The first step in creating a matching game is to create the project and add a ta
92
88
93
89
Your TableLayoutPanel should now be a 4x4 grid, with sixteen equally sized square cells. These rows and columns are where the icon images will appear later.
94
90
95
-
7. Be certain that the TableLayoutPanel is selected in the form editor. To verify this, you should see **tableLayoutPanel1** at the top of the **Properties** window. If it is not selected, choose the TableLayoutPanel on the form, or choose it in the dropdown control at the top of the **Properties** window.
91
+
4. Be certain that the TableLayoutPanel is selected in the form editor. To verify this, you should see **tableLayoutPanel1** at the top of the **Properties** window. If it is not selected, choose the TableLayoutPanel on the form, or choose it in the dropdown control at the top of the **Properties** window.
96
92
97
93
While the TableLayoutPanel is selected, open the toolbox and add a <xref:System.Windows.Forms.Label> control (located in the **Common Controls** category) to the upper-left cell of the TableLayoutPanel. The label control should now be selected in the IDE. Set the following properties for it.
98
94
@@ -115,15 +111,14 @@ The first step in creating a matching game is to create the project and add a ta
115
111
> [!NOTE]
116
112
> The Webdings font is a font of icons that ships with the Windows operating system. In your matching game, the player needs to match pairs of icons, so you use this font to display the icons to match. Instead of putting **c** in the **Text** property, try entering different letters to see what icons are displayed. An exclamation point is a spider, an uppercase N is an eye, and a comma is a chili pepper.
117
113
118
-
8. Choose your Label control and copy it to the next cell in the TableLayoutPanel. (Choose the **Ctrl**+**C** keys, or on the menu bar, choose **Edit** > **Copy**.) Then paste it. (Choose the **Ctrl**+**V** keys, or on the menu bar, choose **Edit** > **Paste**.) A copy of the first Label appears in the second cell of the TableLayoutPanel. Paste it again, and another Label appears in the third cell. Keep pasting Label controls until all of the cells are filled.
114
+
5. Choose your Label control and copy it to the next cell in the TableLayoutPanel. (Choose the **Ctrl**+**C** keys, or on the menu bar, choose **Edit** > **Copy**.) Then paste it. (Choose the **Ctrl**+**V** keys, or on the menu bar, choose **Edit** > **Paste**.) A copy of the first Label appears in the second cell of the TableLayoutPanel. Paste it again, and another Label appears in the third cell. Keep pasting Label controls until all of the cells are filled.
119
115
120
116
> [!NOTE]
121
117
> If you paste too many times, the IDE adds a new row to the TableLayoutPanel so that it has a place to add your new Label control. You can undo it. To remove the new cell, choose the **Ctrl**+**Z** keys, or on the menu bar, choose **Edit** > **Undo**.
122
118
123
119
Now your form is laid out. It should look like the following picture.
124
120
125
-

126
-
Initial matching game form
121
+
<br/> Initial matching game form
Copy file name to clipboardExpand all lines: docs/ide/step-1-create-a-project-and-add-labels-to-your-form.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -24,7 +24,7 @@ As the first steps in developing this quiz, you create the project, and you add
24
24
25
25
1. On the menu bar, choose **File** > **New** > **Project**.
26
26
27
-
1.In the**Installed Templates**list, choose either **C#**or **Visual Basic**, and then choose **Windows Desktop**.
27
+
1.Choose either**Visual C#**or **Visual Basic**on the left side of the **New Project** dialog box, and then choose **Windows Desktop**.
28
28
29
29
1. In the list of templates, choose the **Windows Forms App (.NET Framework)** template, name it *MathQuiz*, and then choose the **OK** button.
30
30
@@ -62,7 +62,7 @@ As the first steps in developing this quiz, you create the project, and you add
62
62
63
63
::: moniker-end
64
64
65
-
## To create set properties for a form
65
+
## To set properties for a form
66
66
67
67
1. In Visual Studio, choose the form (either *Form1.cs* or *Form1.vb*, depending on the programming language), and then change its **Text** property to **Math Quiz**.
0 commit comments