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

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", то пользователь выиграл.