
- •Что нового в Visual Basic .Net?
- •Создание пользовательского интерфейса
- •Перемещение и изменение размера кнопки
- •Добавление второй кнопки
- •Добавление числовых надписей
- •Настройка свойств надписей для чисел
- •Установка свойств описательной надписи
- •Написание кода
- •Работа в Редакторе кода
- •В поле формы дважды щелкните мышью на кнопке Выход. В центральном окне среды разработки Visual Studio появится редактор кода, как показано на рисунке вверху следующей страницы.
- •Написание кода для кнопки "Крутить"
- •Подробнее о процедуре Button1_Click
Создание пользовательского интерфейса
Наведите указатель мыши на правый нижний угол формы так, чтобы он принял форму стрелки для изменения размера. Потяните за этот угол, чтобы размер формы увеличился и места для объектов вашей программы стало достаточно. Если размер формы становится больше, чем окно, в котором она находится, в Windows Forms Designer (Конструкторе Windows Forms) появятся полосы прокрутки. Иными словами, в зависимости от разрешения экрана и открытых окон инструментов Visual Studio у вас может не хватить места для отображения всей формы целиком. Не беспокойтесь об этом - форма может быть маленькой или занимать весь экран, но с помощью полос прокрутки можно получить доступ к любой ее части. Задайте размер вашей формы. Он должен быть примерно равен размеру формы, показанной здесь.
Чтобы увидеть всю форму без помех, вы можете изменить размер других окон инструментов, как описано в "Открытие и запуск программы в Visual Basic .NET" , или закрыть их совсем. (Если у вас есть вопросы по изменению размера окон или инструментов, вернитесь к "Открытие и запуск программы в Visual Basic .NET" ) Теперь давайте добавим на форму кнопки.
В области элементов выберите элемент управления Button.
Поместите указатель мыши над формой. Указатель мыши примет форму перекрестия со значком кнопки. Перекрестие появляется для того, чтобы было удобнее рисовать прямоугольник кнопки. Когда вы нажмете левую кнопку мыши и потянете ее в сторону, появится прямоугольное поле объекта, которое будет привязано к сетке, показанной точками. Теперь попробуйте создать вашу первую кнопку.
Переместите указатель мыши ближе к верхнему левому углу формы, нажмите левую кнопку мыши, а затем потащите ее вниз и вправо. Когда вы нарисуете кнопку, похожую на показанную здесь, остановите мышь и отпустите кнопку.
На форме появится кнопка с маркерами изменения размера. Эта кнопка называется Button1, и это первая кнопка в программе. (Обратите внимание на название кнопки - вы увидите его снова при написании кода программы.)
Когда Visual Basic находится в режиме разработки (то есть тогда, когда активна среда программирования Visual Studio), кнопки можно передвигать по полю формы с помощью мыши и изменять их размер при помощи маркеров изменения размера. Однако когда программа запущена и выполняется, пользователь не сможет перемещать элементы интерфейса, если только эта возможность не задана в специальном свойстве. Давайте попрактикуемся в перемещении и изменении размера кнопки.
Перемещение и изменение размера кнопки
Наведите указатель мыши на кнопку так, чтобы он принял форму четырех стрелок, направленных в разные стороны, а затем перетащите кнопку вниз и вправо. Когда вы отпустите кнопку мыши, кнопка привяжется к сетке, которая создана для того, чтобы помочь редактировать и размещать элементы графического интерфейса. Шаг сетки можно изменить, для этого нужно из меню Tools (Сервис) открыть окно Options (Параметры), в нем выбрать папку Конструктор Windows Forms и изменить свойство GridSize.
Поместите указатель мыши над нижним правым углом кнопки. Когда указатель мыши окажется над маркером изменения размера, он изменит вид и тогда размер объекта можно изменить.
Увеличьте кнопку, нажав левую кнопку мыши и перетащив ее указатель вниз и вправо. Когда вы отпустите кнопку мыши, объект на экране изменит свой размер и привяжется к сетке.
Наведите указатель мыши на маркер изменения размера и верните кнопку к ее прежнему виду, а затем передвиньте ее обратно в первоначальное положение на форме.
Теперь мы добавим на форму вторую кнопку, которая будет расположена ниже первой.