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

Первым шагом создания игры "Подбери пару!" является создание проекта и добавление таблицы в форму.

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

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

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

3. Щелкните значок Приложение Windows Forms, а затем введите в качестве имени MatchingGame.

4. Задайте свойства формы.

   1. Измените свойство формы Text на Подбери пару!.

   2. Измените размер на 550 пикселей по ширине и 550 пикселей по высоте с помощью свойства Size или путем перетаскивания границы, пока не увидите требуемый размер в нижнем левом углу интегрированной среды разработки (IDE).

5. Перетащите элемент управления TableLayoutPanel с панели инструментов и задайте его свойства:

   1. Задайте свойству BackColor значение CornflowerBlue.(В палитре выберите вкладку Веб для просмотра названий цветов.)

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

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

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

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

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

6. Убедитесь, что TableLayoutPanel выбран в редакторе формы.Пока он выбран, откройте панель элементов и дважды щелкните Label для добавления элемента управления Label в верхний левый квадрат.Теперь элемент управления Label должен быть выбран в интегрированной среде разработки.Задайте его свойства:

   1. Задайте свойству BackColor значение CornflowerBlue.

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

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

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

   5. Щелкните свойство Font.Должна появиться кнопка с многоточием.

   6. Нажмите кнопку с многоточием и выберите шрифт Webdings, размер 72, жирный.

   7. Задайте свойству Text значение равное букве с.

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

      Примечание

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

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

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

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

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

   

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

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

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