Поделиться через

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

  • Статья

Первым шагом создания математической головоломки является создание проекта и добавление элементов управления Label в форму.

Создание проекта и добавление в форму элементов управления Label

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

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

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

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

    1. Измените свойство Text формы на Математическая головоломка.

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

    3. Чтобы предупредить изменение пользователями размера формы измените значение свойства FormBorderStyle на Fixed3D, а значение свойства MaximizeBox на False.

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

    1. Измените значение свойства (Name) на timeLabel.Эта метка появляется в качестве поля в правом верхнем углу формы, на котором показан обратный отсчет количества секунд для головоломки.

    2. Измените значение свойства AutoSize на False, чтобы можно было самостоятельно установить размер поля.

    3. Измените значение свойства BorderStyle на FixedSingle для отрисовки линии вокруг поля.

    4. Установите значение свойства Size равным 200, 30.

    5. Перетащите метку в правый верхний угол формы, пока не появится синие линии-разделители.

    6. Очистите свойство Text, для этого щелкните Text в окне Свойства и нажмите клавишу BACKSPACE.

    7. Измените размер шрифта на 15.75.Щелкните по значку плюс рядом со свойством Font в окне Свойства, в котором представлено несколько свойств, включая свойство Size, как показано на рисунке ниже.

      Окно свойств, в котором показан размер шрифта

      Окно свойств с размером шрифта

  6. Затем перетащите другой элемент управления Label с панели инструментов и задайте его свойства.

    1. Измените размер шрифта на 15.75.

    2. Задайте свойству Text значение равное Оставшееся время.

    3. Перетащите ее, выравнивая по левой стороне метки timeLabel.

  7. Сейчас добавьте элементы управления для задачи сложения.Перетащите элемент управления Label с панели инструментов и задайте его свойства.

    1. Установка Текст свойство - (знак вопроса).

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

    3. Установите значение свойства Size равным 60, 50.

    4. Измените размер шрифта на 18.

    5. Измените значение свойства TextAlign на MiddleCenter.

    6. Измените значение свойства Location на 75, 75 для размещения его на форме.

    7. Измените значение свойства (Name) на plusLeftLabel.

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

    1. Вставьте ее три раза.(нажмите сочетание клавиш CTRL+V или в меню Правка выберите пункт Вставить).

    2. Расположите три новых метки таким образом, чтобы поля размещались на строке справа от метки plusLeftLabel, используя линии-разделители для их разделения и выравнивания.

    3. Измените у второй метки свойство Text на значение + (знак плюс).

    4. Измените у третьей метки свойство**(Name)** на значение plusRightLabel.

    5. Измените у четвертой метки свойство Text на значение = (знак равенства).

  9. Перетащите элемент управления NumericUpDown control с панели элементов и затем выполните следующие действия.

    1. Измените размер шрифта на 18, затем сделайте его уже, чтобы его ширина была равной 100.

    2. Перетаскивайте его, пока он не станет вровень с элементами управления Label для задачи сложения.

    3. Измените значение свойства (Name) на sum.(дополнительные сведения об элементе управления NumericUpDown приводятся далее). У головоломки сейчас есть первая строка, которая показана на рисунке ниже.

      Первая строка математической головоломки

      Первая строка математического опроса

  10. Выделите все пять элементов управления в задаче сложения (четыре элемента управления Label и элемент управления NumericUpDown) и скопируйте их.Затем выполните следующие действия.

    1. Вставьте элементы управления, в результате на форму должны добавиться пять новых элементов управления.

    2. Элементы управления по-прежнему будут выделены, поэтому можно щелкнуть по одному элементу управления и перетащить элементы управления в новое расположение так, чтобы они были выровнены под элементами управления сложения.Используйте линии разделители для обеспечения достаточного расстояния между двумя строками.

    3. Измените у второй метки свойство Text на значение – (знак минус).

    4. Назовите первую метку с вопросительным знаком как minusLeftLabel.

    5. Назовите вторую метку с вопросительным знаком как minusRightLabel.

    6. Назовите элемент управления NumericUpDown как difference.

  11. Вставьте пять элементов управления еще два раза и затем выполните следующие действия.

    1. В третьей строке назовите первую метку как timesLeftLabel, измените у второй метки значение свойства Text на × (знак умножения), назовите третью метку как timesRightLabel, назовите элемент управления NumericUpDown как product.

    2. В четвертой строке назовите первую метку как dividedLeftLabel, измените у второй метки значение свойства Text на ÷ (знак деления), назовите третью метку как dividedRightLabel, назовите элемент управления NumericUpDown как quotient.

    ПримечаниеПримечание

    Знак умножения × и знак деления ÷ можно скопировать из этого руководства и вставить их в интегрированную среду разработки.

  12. На форме нужен еще один элемент управления — кнопка для запуска головоломки.Перетащите элемент управления Button с панели инструментов и задайте его свойства.

    1. Задайте для свойства (Name) значение startButton.

    2. Задайте свойству Text значение Запуск головоломки.

    3. Установите размер шрифта равным 14.

    4. Установите для свойства AutoSize значение True, которое вызывает автоматическое изменение размера кнопки в зависимости от размера текста.

    5. Перетащите кнопку вниз формы и разместите ее по центру.

  13. В заключение выделите элемент управления startButton и выполните следующие действия.

    1. Установите для свойства TabIndex значение 1.

    2. Выделите элемент управления суммы NumericUpDown.

    3. Установите для свойства TabIndex значение 2.

    4. Установите значения для других элементов управления NumericUpDown. Для элемента управления разностью установите свойству TabIndex значение 3, для элемента управления произведением установите свойству TabIndex значение 4, для элемента управления частным установите свойству TabIndex значение 5.В результате форма должна выглядеть как на рисунке ниже.

      Исходная форма математической головоломки

      Исходная форма математического опроса

    ПримечаниеПримечание

    Назначением свойства TabIndex является установка порядка элементов управления при нажатии пользователем клавиши TAB.Откройте любое диалоговое окно (например, в меню Файл выберите пункт Открыть) и нажмите клавишу TAB несколько раз.Наблюдайте за тем, как курсор перемещается от одного элемента управления к другому при нажатии клавиши TAB.Когда форма была разработана изначально, программист установил этот порядок.

  14. Чтобы посмотреть, как работает свойство TabIndex сохраните и запустите программу, затем несколько раз нажмите клавишу TAB.

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