创建匹配游戏的第一步是创建项目并向窗体添加表。
创建项目并向窗体添加表
在**“文件”菜单上,单击“新建项目”**。
如果没有使用 Visual Studio 学习版,您需要先选择一种语言。从**“安装的模板”列表中选择“C#”或“Visual Basic”**。
单击**“Windows 窗体应用程序”**图标,然后键入“匹配游戏”作为名称。
设置窗体属性:
将窗体的**“Text”属性更改为“匹配游戏”**。
通过使用**“Size”**属性将大小更改为 550 像素宽、550 像素高,或者拖动直到您在集成开发环境 (IDE) 的左下角看到合适的大小。
将 TableLayoutPanel 控件从工具箱中拖出,然后设置其属性:
将**“BackColor”属性设置为“CornflowerBlue”。(在颜色选取器中选择“Web”**选项卡可以查看颜色名称。)
通过单击属性旁边的下拉按钮并单击大的中间按钮,将**“Dock”属性设置为“Fill”**。
单击 TableLayoutPanel 右上角的三角形按钮,以显示任务菜单。
单击**“添加行”两次以多添加两行,然后单击“添加列”**两次以再添加两列。
单击**“编辑行和列”打开“列和行样式”窗口。选择每一列,单击“百分比”按钮并将每个列的宽度设置为总宽度的 25%。然后从窗口顶部的下拉框选择“行”,并将每个行的高度设置为 25%。单击“确定”**按钮。
TableLayoutPanel 现在应该有十六个相等大小的方块单元格。
确保在窗体编辑器中选择了该 TableLayoutPanel。选中后,打开工具箱,然后双击**“Label”**以将 Label 控件添加到左上方的方块中。现在,Label 控件在 IDE 中应处于选中状态。设置其属性:
将**“BackColor”属性设置为“CornflowerBlue”**。
将**“AutoSize”属性设置为“False”**。
将**“Dock”属性设置为“Fill”**。
通过单击**“TextAlign”属性旁的下拉按钮并单击中间的按钮,将该属性设置为“MiddleCenter”**。
单击**“Font”**属性。应显示一个省略号按钮。
单击该省略号按钮,并将字体设置为**“Webdings 72 point Bold”**。
将**“Text”属性设置为字母“c”**。
TableLayoutPanel 中的左上角单元格现在应包含一个在蓝色背景上居中的大黑色框。
说明Webdings 字体是 Microsoft Windows 操作系统附带的图标字体。在匹配游戏中,玩家需要匹配图标对,因此您使用此字体显示要匹配的图标。不要在“Text”属性中输入“c”,请尝试输入其他字母以查看显示哪些图标。感叹号是一个蜘蛛,大写 N 是一个眼球,而逗号是一个辣椒。
选择 Label 控件并进行复制。(按 Ctrl+C,或从**“编辑”菜单中单击“复制”。)然后粘贴。(按 Ctrl+V,或从“编辑”菜单中单击“粘贴”**。)在 TableLayoutPanel 中的第二个单元格中出现另一个标签。再次粘贴它,在第三个单元格中会出现另一个标签。一直粘贴 Label 控件,直到填充完所有单元格。
说明如果粘贴次数太多,IDE 会将一个新行添加到该 TableLayoutPanel,以便具有可添加新 Label 控件的位置。您可以撤消此操作。若要移除新单元格,请按 Ctrl+Z 或在“编辑”菜单上单击“撤消”。
现在,窗体布局已设置完毕。其外观类似于下图。
初始匹配游戏窗体
.png)
继续或查看
若要转到下一个教程步骤,请参见步骤 2:添加随机对象和图标列表。
若要返回概述主题,请参见教程 4:创建匹配游戏。