Опубликован: 31.08.2006 | Доступ: свободный | Студентов: 3975 / 230 | Оценка: 4.14 / 3.89 | Длительность: 39:16:00
ISBN: 978-5-9570-0021-3
Лекция 3:

Ваша первая программа

Создание пользовательского интерфейса

В этом упражнении вы начнете работу над "Семеркой" с создания нового проекта, а затем с помощью элементов управления из области элементов соберете интерфейс пользователя.

Создание нового проекта

  1. Запустите Visual Studio.
  2. На начальной странице Visual Studio нажмите кнопку New Project (Создать проект).

    Совет. Новый проект можно начать и в меню File (Файл), выбрав в нем New (Создать), а затем Project (Проект).

    Появится диалоговое окно New Project (Создать проект).

    В Visual Studio можно создавать не только стандартные приложения для Windows, но и веб-приложения, и компоненты операционной системы. В диалоговом окне New Project (Создать проект) можно указать тип программы или компонента, который необходимо создать, язык, который будет использоваться, имя проекта и расположение файлов.

  3. Убедитесь, что в списке Project Types (Типы проектов) выбрана папка Visual Basic Projects (Проекты Visual Basic), а затем в окне Templates (Шаблоны) выберите Windows Application (Приложение для Windows). Visual Studio настроит среду разработки для программирования Windows-приложения на Visual Basic .NET.
  4. В текстовом поле Name (Имя) введите Семерка, а затем в поле Location (Расположение) укажите путь для хранения файлов проекта. (Чтобы выбрать папку на диске, можно нажать кнопку Browse (Обзор)). Visual Studio присвоит вашей программе имя "Семерка" и создаст на жестком диске новую папку для проекта с таким именем.


  5. Нажмите OK, после чего новый проект будет создан.

    Visual Studio показывает в центре экрана пустую графическую форму Windows (обычно имеющую название Form1), на основе которой можно создавать интерфейс для пользователей вашего приложения.

Теперь мы увеличим форму, а затем создадим на ней две кнопки.

Создание пользовательского интерфейса

  1. Наведите указатель мыши на правый нижний угол формы так, чтобы он принял форму стрелки для изменения размера. Потяните за этот угол, чтобы размер формы увеличился и места для объектов вашей программы стало достаточно. Если размер формы становится больше, чем окно, в котором она находится, в Windows Forms Designer (Конструкторе Windows Forms) появятся полосы прокрутки. Иными словами, в зависимости от разрешения экрана и открытых окон инструментов Visual Studio у вас может не хватить места для отображения всей формы целиком. Не беспокойтесь об этом - форма может быть маленькой или занимать весь экран, но с помощью полос прокрутки можно получить доступ к любой ее части. Задайте размер вашей формы. Он должен быть примерно равен размеру формы, показанной здесь.

    Чтобы увидеть всю форму без помех, вы можете изменить размер других окон инструментов, как описано в "Открытие и запуск программы в Visual Basic .NET" , или закрыть их совсем. (Если у вас есть вопросы по изменению размера окон или инструментов, вернитесь к "Открытие и запуск программы в Visual Basic .NET" ) Теперь давайте добавим на форму кнопки.

  2. В области элементов выберите элемент управления Button.
  3. Поместите указатель мыши над формой. Указатель мыши примет форму перекрестия со значком кнопки. Перекрестие появляется для того, чтобы было удобнее рисовать прямоугольник кнопки. Когда вы нажмете левую кнопку мыши и потянете ее в сторону, появится прямоугольное поле объекта, которое будет привязано к сетке, показанной точками. Теперь попробуйте создать вашу первую кнопку.
  4. Переместите указатель мыши ближе к верхнему левому углу формы, нажмите левую кнопку мыши, а затем потащите ее вниз и вправо. Когда вы нарисуете кнопку, похожую на показанную здесь, остановите мышь и отпустите кнопку.

    На форме появится кнопка с маркерами изменения размера. Эта кнопка называется Button1, и это первая кнопка в программе. (Обратите внимание на название кнопки - вы увидите его снова при написании кода программы.)

Когда Visual Basic находится в режиме разработки (то есть тогда, когда активна среда программирования Visual Studio), кнопки можно передвигать по полю формы с помощью мыши и изменять их размер при помощи маркеров изменения размера. Однако когда программа запущена и выполняется, пользователь не сможет перемещать элементы интерфейса, если только эта возможность не задана в специальном свойстве. Давайте попрактикуемся в перемещении и изменении размера кнопки.

Перемещение и изменение размера кнопки

  1. Наведите указатель мыши на кнопку так, чтобы он принял форму четырех стрелок, направленных в разные стороны, а затем перетащите кнопку вниз и вправо. Когда вы отпустите кнопку мыши, кнопка привяжется к сетке, которая создана для того, чтобы помочь редактировать и размещать элементы графического интерфейса. Шаг сетки можно изменить, для этого нужно из меню Tools (Сервис) открыть окно Options (Параметры), в нем выбрать папку Конструктор Windows Forms и изменить свойство GridSize.
  2. Поместите указатель мыши над нижним правым углом кнопки. Когда указатель мыши окажется над маркером изменения размера, он изменит вид и тогда размер объекта можно изменить.
  3. Увеличьте кнопку, нажав левую кнопку мыши и перетащив ее указатель вниз и вправо. Когда вы отпустите кнопку мыши, объект на экране изменит свой размер и привяжется к сетке.
  4. Наведите указатель мыши на маркер изменения размера и верните кнопку к ее прежнему виду, а затем передвиньте ее обратно в первоначальное положение на форме.

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

Добавление второй кнопки

  1. В области элементов выберите элемент управления Button.
  2. На форме ниже первой кнопки нарисуйте новую кнопку. (Сделайте ее такого же размера.)

    Совет. Чтобы быстро добавить к форме новый элемент управления, дважды щелкните на нем мышью в области элементов, и новый объект с размерами по умолчанию будет добавлен на поле формы.

  3. После того, как кнопка нарисована, передвиньте ее или измените размер, если это необходимо. Если вы сделали ошибку, то можете удалить кнопку и нарисовать ее еще раз.

Теперь добавьте надписи, которые используются в программе для показа чисел. Надпись - это специальный элемент графического интерфейса, предназначенный для показа при выполнении программы текста, чисел или символов. Когда пользователь программы нажимает кнопку Крутить, в полях надписей появляются три случайных числа. Если одно из чисел - "7", то пользователь выиграл.

Сайдахмад Зарипов
Сайдахмад Зарипов
Жанболат Шаймерден
Жанболат Шаймерден

Можно ли выбирать язык для надписей и команд в среде разработки?