Шаг 1. Создание проекта и добавление таблицы в форму

Первым шагом создания игры "Подбери пару!" является создание проекта и добавление таблицы в форму.Таблица помогает равномерно распределить значки по сетке 4x4.Можно также задать несколько свойств, чтобы улучшить внешний вид игрового поля.

Создание проекта и добавление таблицы в форму

1. В меню Файл выберите пункты Создать, Проект.

2. Если используется не Visual Studio Express, необходимо сначала выбрать язык программирования.В списке Установленные шаблоны выберите Visual C# или Visual Basic.

3. В списке шаблонов проектов выберите Приложение Windows Forms, назовите его "MatchingGame", а затем нажмите кнопку ОК.

4. В окне Свойства задайте следующие значения свойств формы.

   1. Измените свойство формы Text с Form1 на Подбери пару.Этот текст отображается в верхней части окна игры.

   2. Установите размер формы на 550 пикселей в ширину и 550 пикселей в высоту.Для этого установите для свойства Size значение 550, 550 или перетащите угол формы, чтобы требуемый размер отобразился в правом нижнем углу интегрированной среды разработки (IDE).

5. Откройте панель элементов, выбрав вкладку Панель элементов в левой части интегрированной среды разработки.

6. Перетащите элемент управления Панель макета таблицы из категории Контейнеры панели элементов, а затем установите для него следующие свойства.

   1. Задайте свойству BackColor значение CornflowerBlue.Для этого откройте диалоговое окно BackColor, щелкнув стрелку раскрывающегося списка рядом со свойством BackColor в окне Свойства. Затем перейдите на вкладку Веб в диалоговом окне BackColor, чтобы просмотреть список доступных имен цветов.

      Примечание
      Цвета упорядочены не по алфавиту, и цвет CornflowerBlue находится в нижней части списка.

   2. Задайте свойству Dock значение Fill, нажав кнопку раскрывающегося списка рядом со свойством и щелкнув большую среднюю кнопку.Таблица будет растянута по всей форме.

   3. Для свойства CellBorderStyle установите значение Inset.Между ячейками поля появятся видимые границы.

   4. Нажмите треугольную кнопку в правом верхнем углу элемента управления TableLayoutPanel для отображения меню задач этой панели.

   5. В меню задач дважды щелкните Добавить строку для добавления двух дополнительных строк, а затем дважды щелкните Добавить столбец для добавления двух дополнительных столбцов.

   6. В меню задач выберите команду Изменить строки и столбцы, чтобы открыть окно Стили столбцов и строк.Выберите каждый из столбцов, нажмите кнопку Процент и установите ширину каждого столбца равной 25 процентам от общей ширины.Затем в раскрывающемся списке в верхней части окна выберите Строки и задайте высоту каждой строки равную 25 процентам.После завершения операции нажмите кнопку ОК.

   Теперь на панели макета таблицы должна быть видна сетка размером 4х4, состоящая из шестнадцати одинаковых по размеру квадратных ячеек.Эти строки и столбцы задают места, в которых позже появятся изображения значков.

7. Убедитесь, что TableLayoutPanel выбран в редакторе формы.На это будет указывать надпись tableLayoutPanel1 в верхней части окна Свойства.Если этот элемент управления не выбран, выберите элемент управления TableLayoutPanel на форме или выберите его в раскрывающемся списке в верхней части окна Свойства.

   При выбранном элементе управления TableLayoutPanel откройте панель элементов и добавьте элемент управления Label (находится в категории Стандартные элементы управления ) в левую верхнюю ячейку TableLayoutPanel.Теперь элемент управления Label должен быть выбран в интегрированной среде разработки.Задайте для него следующие свойства.

   1. Убедитесь, что свойство BackColor имеет значение CornflowerBlue.

   2. Задайте свойству AutoSize значение False.

   3. Задайте свойству Dock значение Fill.

   4. Задайте свойству TextAlign значение MiddleCenter, щелкнув кнопку раскрывающегося списка рядом со свойством, а затем щелкнув среднюю кнопку.Это необходимо, чтобы значок отображался в середине ячейки.

   5. Выберите свойство Font.Должна появиться кнопка с многоточием (…).

   6. Нажмите кнопку с многоточием и установите для параметра Font значение Webdings, для параметра Font Style — значение Bold, а для параметра Size — значение 72.

   7. Установите свойство Text равным букве с.

      Теперь в левой верхней ячейке TableLayoutPanel должен располагаться черный квадрат на синем фоне, который выравнивается по центру.

      Примечание

      Шрифт Webdings является шрифтом значков, который поставляется с операционной системой Windows.В вашей игре "Подбери пару!" игроку необходимо найти пары одинаковых значков, поэтому используйте этот шрифт для отображения значков.Вместо ввода буквы с в свойство Text попробуйте вводить разные буквы, чтобы увидеть, какие значки отображаются.Восклицательный знак соответствует пауку, прописная буква N — глазу, а запятая — перцу чили.

8. Выберите элемент управления Label и скопируйте его в следующую ячейку TableLayoutPanel. (Нажмите сочетание клавиш CTRL+C или в строке меню выберите Правка, Копировать.) Затем вставьте его. (Нажмите сочетание клавиш CTRL+V или в строке меню выберите Правка, Вставить.) Во второй ячейке элемента управления TableLayoutPanel появится копия первой метки.Вставьте его снова, и в третьей ячейке появится еще одна метка.Продолжайте вставлять элементы управления Label, пока все ячейки не будут заполнены.

   Примечание
   Если выполнить команду вставки слишком много раз, интегрированная среда разработки добавит новую строку в TableLayoutPanel, чтобы появилось место для добавления нового элемента управления Label.Можно выполнить откат.Чтобы удалить новую ячейку, нажмите сочетание клавиш CTRL+Z или в меню Правка выберите команду Отменить.

   Теперь ваша форма готова.Она должна быть такой, как показано на следующем рисунке.

   Исходная форма игры "Подбери пару!"

   

Продолжить или повторить пройденный материал

• Следующий шаг руководства см. в разделе Шаг 2. Добавление случайного объекта и списка значков.

• Общие сведения см. в разделе Учебное руководство 3. Создание игры "Подбери пару!".