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

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

2. Поместите указатель мыши над нижним правым углом кнопки. Когда указатель мыши окажется над маркером изменения размера, он изменит вид и тогда размер объекта можно изменить.

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

4. Наведите указатель мыши на маркер изменения размера и верните кнопку к ее прежнему виду, а затем передвиньте ее обратно в первоначальное положение на форме.

Добавьте вторую кнопку сами.

Добавление числовых надписей

1. В области элементов выберите элемент управления Label.

2. Поместите указатель мыши над формой. Указатель мыши примет форму перекрестия с буквой A.

Нарисуйте небольшой прямоугольник, как показано на следующей иллюстрации. Объект-надпись, который вы создали, называется Label1 и является первой надписью в программе.

Добавление изображения

1. В области элементов выберите элемент управления PictureBox.

2. Нарисуйте большой прямоугольник прямо под тремя надписями для цифр. В результате поле рисунка должна выглядеть так.

Этот объект в программе будет называться PictureBox1, и это имя в дальнейшем используется при написании кода программы.

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

Настройка свойств

Чтобы изменить свойства, необходимо выбрать объект на форме и затем выбрать нужное свойство в окне Properties (Свойства). Начните с изменения свойств для двух кнопок.

Настройка свойств кнопки

1. Щелкните на первой кнопке Button1. Кнопка будет выделена и окружена маркерами изменения размера.

2. Дважды щелкните мышью на строке заголовка в окне свойств.

Совет. Если окно Properties (Свойства) скрыто, выберите из меню View (Вид) команду Properties Window (Окно Свойств) или нажмите клавишу (F4).

3. Измените размер окна Properties (Свойства) так, чтобы в нем было достаточно места для отображения имен свойств и их текущих значений. Когда вы освоитесь с настройкой свойств, то сможете работать с окном Properties (Свойства) без увеличения его размеров, но когда вы делаете это впервые, лучше сделать его побольше. На следующей иллюстрации окно Properties (Свойства) имеет подходящий размер для установки свойств.

В окне содержится список настроек (свойств) первой кнопки. В них входят параметры для цвета фона, текста, высоты шрифта и ширины кнопки. Так как свойств очень много, Visual Studio организует их в категории и показывает в виде структуры. Если вы хотите увидеть свойства из какой-то категории, нажмите знак "плюс" (+) рядом с названием категории.

4. Прокрутите список окна Properties (Свойства) до тех пор, пока не увидите свойство Text, расположенное в категории Внешний вид.

5. Дважды щелкните мышью в левом столбце свойства Text. Текущее значение свойства Text ("Button1") будет выделено.

6. Наберите слово Ответ и нажмите клавишу (Enter). Свойство Text изменит значение на "Ответ", и этот же текст появится на самой кнопке на форме.

Теперь давайте изменим свойство Text для второй кнопки так, чтобы там было написано "Выход", но выделим вторую кнопку новым способом.

7. В верхней части окна Properties (Свойства) раскройте список объектов. Появится список объектов интерфейса программы.

8. В этом списке выберите Button2 System.Windows.Forms.Button (это вторая кнопка). В окне Properties (Свойства) появятся значения свойств для второй кнопки, а Visual Studio выделит объект Button2 на форме.

9. Дважды щелкните мышью на свойстве Text (текущее значение "Button2"), наберите Выход, а затем нажмите клавишу (Enter). Текст на второй кнопке изменится на Выход.

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