2. Лабораторная работа № 1 Разработка пользовательского интерфейса

Цель работы:научиться работать в интегрированной среде разработки Visual Basic 6.0; ознакомиться со свойствами формы и основных элементов управления, их событиями; научиться составлять простейшие программные коды процедур обработки событий. Для выполненияЗадания 1необходимо ознакомиться с содержанием разделов 1.11.7.2 данных методических указаний, для выполненияЗаданий 2,3,4с содержанием разделов 1.7.31.7.7.

2.1. Задание 1. Среда ide. Элементы управления Label, Image, PictureBox

1. Разместить на форме элементы управленияLabel,Image; сформировать экран-заставку, вид которой представлен на рис.7. Задать цвет фона метки, цвет символов, размер шрифта, вид рисунка произвольно.

Рис. 7. Экран  заставка

2. Сформировать экран, на котором в верхней половине по синему фону желтым написано слово «Visual», а в нижней половине по желтому фону синим цветом написано слово «Basic». (Через две метки, занимающие по пол- экрана). Задать рисунок с помощью элемента PicureBox.

Порядок выполнения пункта №1

1. Стартовать VB.

2. Создать проект типа Standard.Exe. Вывести на экран, если их нет, окна: Окно Элементов Управления(ToolBox), Окно Свойств(Properties), Окно Проекта(Project). Для этой цели использовать меню «Вид»(View) или соответствующие кнопки панели инструментов.

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

3. Перенести на форму (Form1) элемент управления метку (Label1), для чего дважды щелкнуть по пиктограмме «А» на панели элементов управления.

4. Развернуть форму, чтобы она заняла весь контейнер форм (не касаясь краев контейнера форм), и увеличить метку, чтобы она заняла всю форму (не касаясь краев формы).

5. Установить свойства метки. (Сначала убедитесь, что в окне свойств, в верхней его части, написано «Label1Label», гдеLabel1имя элемента управления,Labelего тип. Если выделена не метка, то надо открыть список элементов управления и щелкнуть по строке «Label1Label»).

6. Найти свойство Captionи щелкнуть по нему. Заменить текущую надписьLabel1 на «VisualBasic»; эти слова появятся на форме.

7. Щелкнуть свойство Font– шрифт, справа появится кнопка <…>. Нажать на нее и открытьокно диалога. Выбрать шрифтTimesNewRoman, начертание – обычное, размер28 (можно более). Закрыть окно диалога, нажав на клавишу «OK».

8. Установить цвет фона. Выбрать свойство BackColor, щелкнуть по кнопке справа, открыть палитру цветов, выбрать желтый цвет.

9. Установить цвет шрифта (свойство ForeColor). Аналогично предыдущему установить синий цвет.

10.Установить значение свойства Alignment(выравнивание) равным 2 (Center).

Установка свойств формы

11. Заменить в свойстве CaptionзначениеForm1 на «Л.Р.1 Заставка». (Это название появляется в заголовке самой формы).

12. Установить значение свойства WindowStateравным 2(Maximized). Это обеспечит развертывание окна формы на весь экран при выполнении проекта.

13. Первый вариант программы готов к выполнению. Запустить программу на выполнение (F5, в линейке инструментов,Run/Startв меню).

14. Остановить выполнение проекта ( в линейке инструментов).

Работа с графикой

15. Перенести на форму элемент управления Image.

16. Растянуть контур элемента.

17. Выбрать в окне свойств свойство Stretch(вытягивание) и установить его значение равнымTrue. Это свойство обеспечит автоматическую подгонку картинки под размер элемента управленияImage.

18. Выбрать свойство Picture(рисунок) и нажать кнопку <…>. В диалоговом окне последовательно найти файлы с расширением .wmf, .ico, и т.д., например,C:\fs116Usersroom\Winword\Clipart\Meeting.wmf. Щелкнуть по кнопке «OK». На экране появится изображение внутри элементаImage.

19. Стартовать проект.

20. Остановить выполнение.

21. Для того чтобы сохранить проект, достаточно в меню набрать команды File/SaveFormAs…, далееFile/SaveProjectAs…и задать уникальные имена форме и проекту. (Для сохранения проекта студентам рекомендуется использовать диск А:).

22. Второй пункт задания 1выполнить самостоятельно.