§ 3. Середовища розробки проектів

Тепер ознайомимося з одним із двох описаних середовищ розроб­ки проектів (Microsoft Visual Basic 2010 Express (VB) або Visual Basic for Applications (VBA), з принципами роботи користувача у цих середовищах, а також створимо свій перший проект.

1. Середовище Microsoft Visual Basic Express (VB). Опишемо го­ловні принципи роботи користувача в одному із середовищ розроб­ки проектів для мови Visual Basic — Microsoft Visual Basic Express 2010 року випуску. Принципи роботи користувача в інших аналогіч­них середовищах цього класу ті ж самі.

Програму запускають з головного меню операційної системи або за допомогою відповідного ярлика на робочому столі.

Після запуску середовища отримують вікно початкової сторінки. Воно містить команди Створити проект... чи Відкрити проект..., а також cписок існуючих уже проектів і засоби зв’язку із сервером корпора­ції Microsoft.

Роботу в середовищі розпочинають з виконання команди Створи­ти проект... (її можна виконати чотирма способами, зокрема, за допо­могою меню чи панелі інструментів). У наступному вікні вибирають вид проекту Додаток Windows Form => ОК. Відкривається конструктор форми з номером 1 (Forml з класу Form). На екрані з’явиться де­кілька вікон: основне та допоміжні (рис.1.8).

Рис. 1.8. Вікно середовища розробки проектів

Основне вікно містить головне меню, панель інструментів та за­кладки робочої області. Закладок може бути, наприклад, три:

• конструктор форми (Forml.vb[Конструктор]);

• код проекту (Forml.vb);

• стартова сторінка (Начальная страница, Start Page).

Допоміжні, але не менш важливі, вікна такі:

• панель елементів (Панель элементов, Toolbox);

• провідник розв’язків (Обозреватель решений, Solution Explorer);

• вікно властивостей елементів (Свойства, Properties);

• вікно повідомлень (тут Список ошибок, Error List).

Якщо якогось вікна немає, то його можна відкрити за допомо­гою команди Вигляд (Вид, View) з головного меню програми.

Допоміжні вікна мають рядок з назвою і кнопками керування вікном (Розташування вікна, Автозаховати вікно, Закрити вікно). За допомогою цих команд можна зручно розташувати вікна на екрані. Початківцям варто відмовитися від режиму автозаховання вікон і закріпити їх на екрані командою Закріпити з контекстного меню чи інструментом, що має вигляд канцелярської кнопки , наприклад, як показано на рис. 1.8. Якщо це не вдається зробити відразу, то можна застосувати команду Плаваюча область, яка надасть постійний доступ до потрібного вікна.

Панель елементів Toolbox містить значки елементів керування, які користувач може розташувати на формі. Ваша перша форма у проекті матиме системну назву Forml. Інші об’єкти вставляють на форму з панелі елементів.

Тепер з’ясуємо, що таке провідник розв’язків і що таке сам роз­в’язок. Зазвичай у візуальних середовищах деякій задачі ставлять у відповідність програмну одиницю, яку називають проектом. Про­ект може складатися з одної чи декількох форм. Особливість сере­довища VB така: деякій задачі ставлять у відповідність програмну одиницю, яку називають розв’язком.

Розв’язок може складатися з одного чи декількох проектів, що ви­конуються у заданій користувачем послідовності. Ми розглядатимемо задачі, розв’язки яких складаються з одного проекту, тому поняття «розв’язку» і «проекту» означатимуть одне й те ж саме.

Провідник розв’язків графічно демонструє (моделює) у вигляді дерева структуру розв’язку (проекту, проектів) і дає змогу швидко перейти в конструкторі до потрібної форми. Для цього на потрібній назві форми на дереві провідника треба клацнути мишею.

Вікно властивостей відображає властивості вибраного на формі об’єкта і дає змогу змінювати значення цих властивостей.

Створений проект запускають на виконання командами з голов­ного меню Налагодження => Почати налагодження (F5 на клавіатурі, ).

Після перегляду результатів вікно працюючого проекту обов’яз­ково треба закрити , інакше подальша робота буде заблокована. Знову відкриється конструктор форми, тож можна удосконалити проект або закінчити роботу. Коли проект створено і виконано, його 7 разі потреби зберігають і середовище закривають.

2. Середовище VBA. Відкриємо будь-яку програму з пакету офіс­них програм MS Office (MS Word, MS Excel, MS Visio тощо) і ство­римо новий документ командами Файл => Створити (або комбінацією клавіш Ctrl + N). Перейдемо в середовище редактора Visual Basic командами Сервіс => Макрос => Редактор Visual Basic (або комбінацією клавіш Alt + F11) Запам’ятайте її! Отримаємо середовище VBA для конструювання проектів (рис. 1.9).

Вікно середовища розробки проекту складається з базових елементів: рядка заголовка вікна, головного меню, панелі інструментів, а також окремих вікон:

• робочого поля, де розташовується форма або код;

• панелі елементів керування Toolbox;

• провідника проектів;

• вікна властивостей об’єктів;

• додаткових вікон, наприклад, Immediate (негайно) тощо.

Рис. 1.9. Вікно середовища розробки проектів VBA

Команда View (Вигляд) головного меню середовища призначена для відображення на екрані таких вікон (якщо вони закриті):

• вікна коду (Code, F7);

• вікна форми (Object, Shift + F7);

• вікна властивостей (Properties Window, F4);

• дерева провідника проекту (Project Explorer, Ctrl + R);

• вікна негайного виконання (Immediate Window);

• панелей інструментів (Toolbars) тощо.

Перша форма проекту має системну назву UserForml.

Якщо проект лише починають створювати, то форму потрібно вставити в робочу область командами Insert => UserForm. Кажуть так: перша форма є об’єктом UserForml класу UserForm.

Якщо форма не відображається на екрані, то на дереві провідни­ка проекту Project потрібно клацнути на позначці UseForml.

Щоб з’явилась панель елементів Toolbox, потрібно активізувати форму, клацнувши у ній мишею.

Далі дії користувача нагадують роботу з конструктором. Корис­тувач поетапно розробляє проект, наповнюючи форму елементами керування.

Коли форму спроектовано, проект запускають на виконання ко­мандою Run (F5, )). Якщо помилок немає, то користувач отримає вікно працюючого проекту, з яким експериментує і яке обов’язково треба буде закрити .

Після закривання вікна проекту активним стає режим конструк­тора форми, у якому можна доопрацювати чи удосконалити дизайн форми або внести зміни у код. Після виправлень користувач знову виконує проект і т.д.

Створений проект автоматично буде збережений у поточному документі. У разі потреби його можна зберегти на зовнішньому носії.

Зауваження. Якщо робота у VBA заблокована з повідомленням «Макроси недоступні», то потрібно знизити рівень захисту комп’ю­тера від макросів. Для цього у MS Word 2003 потрібно: 1) з головного меню Word виконати команди меню Сервіс => Безпека... ; 2) у вікні Безпека увімкнути рівень захисту середній чи низький; 3) документ закрити зі збереженням; 4) відкрити його ще раз і не вимикати макроси. У MS Word 2007 (2010) потрібно: 1) з головного меню виконати команду Параметри Word, вибрати «Центр керування безпекою» і виконати команду Параметри центру керування безпекою...; 2) вибрати Параметри макросів і увімкнути режими Вимкнути всі макроси і Довіряти об'єктній моделі проектів Word; 3) документ закрити зі збере­женням; 4) відкрити його ще раз.

3. VB і VBA. Вікно властивостей елементів керування. Власти­вості форми. Графічний інтерфейс проекту користувачі створюють за допомогою конструктора форми. Для цього форму наповнюють елементами керування, які беруть з панелі елементів. Спочатку клацають на значку елемента керування в Toolbox, а потім — у по­дібному місці на формі. Другий спосіб — на значках клацають дві­чі, елементи з’являються на формі, наприклад, у верхньому лівому куті, потім елементи перетягують у потрібне місце. Третій спосіб — копіюють раніше вставлені елементи і вставляють їх у форму засо­бами буфера обміну.

Розглянемо вікно властивостей (рис. 1.10).

Якщо елемент (наприклад, форма чи текстове поле) вибраний, то у вікні властивостей (Properties) можна оглянути, задати чи змінити значення властивостей цього елемента.

У вікні властивостей, що має вигляд таблиці з двох стовпців, назви властивостей розташовані ліворуч, а їхні значення — право­руч. Властивості можуть розташовуватися за категоріями (як не рис. 1.10, а) або в алфавітному порядку (рис. 1.10, б).

а) VB б) VBA

Рис. 1.10. Вікно властивостей форми

Щоб змінити значення властивості зі стандартного (вже зада­ного у вікні) на потрібне, треба один раз чи двічі клацнути в полі значення і ввести потрібне значення вручну або вибрати значення із запропонованого списку. Деякі властивості мають вбудовані списки значень (інша назва колекції значень). Про це інформує кнопка роз­кривання списку ^v.

Вигляд (дизайн) форми можна змінити, якщо змінити значення її властивостей.

Властивості дають змогу:

• змінити тло форми, вибравши потрібний колір зі списку назв кольорів чи на палітрі кольорів;

• вставити картинку з файлу як тло форми;

• підібрати шрифт (назву, накреслення, розмір) і його колір для підписів елементів керування, які будуть вставлені на форму;

• створити підпис для рядка заголовка форми;

• зробити об’єкт доступним чи недоступним;

• змінити системну назву форми, якщо в цьому є необхідність;

• задати розташування вікна працюючого проекту відносно вер­хнього лівого кута екрана монітора;

• задати розміри (висоту і ширину) форми в точках;

• задати вигляд вказівника миші над об’єктом під час виконан­ня проекту.

Розглянемо властивості елементів (зокрема форми), які дають змогу змінити їхній вигляд (табл. 1.2).

Таблиця 1.2. Властивості елементів керування і форми

№	Опис властивості	Назва у VB	Назва у VBA
1	Колір тла елемента	BackColor	BackColor
2	Картинка для тла з файлу	Backgroundlmage	Picture
3	Розташування картинки	Background-ImageLayuot	PictureAlignment PictureSizeMode
4	Шрифт текстів	Font	Font
5	Колір шрифту	ForeColor	ForeColor
6	Підпис елемента	Text	Caption
7	Доступність для дій	Enabled	Enabled
8	Системна назва елемента	Name	Name
9	Розташування елемента	Location (X, Y)	Left, Top
10	Розміри об’єкта в точках	Size (Width,Hight)	Width, Hight
11	Вигляд вказівника миші	Cursor	MousePointer

Насправді властивостей є значно більше. Про призначення ін­ших властивостей можна дізнатися з довідників.

Розглянемо, як використовують вікно властивостей. Виберемо форму і у полі значень властивості Size (чи Width і Hight у VBA, рис. 1.10, б) введемо два числа, що означають, наприклад, ширину і висоту форми. Якщо натиснути клавішу вводу, форма в конструкторі змінить свої розміри. Одержимо вікно працюючого проекту.

Розміри вибраного об’єкта можна змінювати у конструкторі мето­дом перетягування обмежувальних маркерів мишею. Зверніть увагу! У цьому випадку значення відповідних властивостей у вікні власти­востей змінюються автоматично. Є ще один спосіб змінити об’єкт — програмний, коли властивості об’єктів змінюють під час виконання проекту. Цей спосіб розглянемо згодом.

4. VB і VBA. Написи, текстові поля і кнопки. Розглянемо три елементи керування з панелі елементів Toolbox:

1. написи — об’єкти класу «написи» (англ. Label, значок А );

2. текстові поля — об’єкти класу «текстові поля» (TextBox, );

3. кнопки — об’єкти класу «кнопки» (Button у VB, значок чи CommandButton у VBA, ).

Написи призначені для виведення будь-яких текстів на форму.

Текстові поля призначені для організації введення-виведення даних, роботи з текстами.

Кнопки призначені для запуску процедур, тобто для реалізації запланованих користувачем дій.

На форму можна помістити декілька елементів одного класу. То­ді вони будуть понумеровані числами, наприклад, Label, Label2, Label3 і т.д.

Вставлені об’єкти потрібно розташувати відповідно до сценарію проекту. Перемістити об’єкт на формі чи змінити його розміри можна методом перетягування мишею. Вирівняти об’єкти можна вручну чи за допомогою команд з меню.

Щоб виконати дії над об’єктом чи групою об’єктів, що є на формі, їх спочатку треба вибрати. Вибраний об’єкт буде оточений маркерами. Лише тепер можна змінювати значення його властивостей.

5. VB і VBA. Спільні властивості елементів керування. Написи текстові поля і кнопки мають спільні властивості (табл. 1.3), як: розглянемо в наступному параграфі.

Таблиця 1.3. Спільні властивості

№	Опис властивості	Назва у VB і VBA
12	Стиль межі елемента	BorderStyle
13	Розмір елемента залежить від довжини тексту (так, ні)	Autosize (True, False)
14	Видимість елемента на етапі виконання проекту (так, ні)	Visible (True, False)
15	Вирівнювання текстів	TextAlign
16	Черговий номер елемента	Tablndex

6. VB. Властивості написів, текстових полів і кнопок. Написи мають властивості 1—16 з таблиць 1.2 і 1.3, окрім властивостей 2 і 3. Замість властивостей 2-3 надається властивість Image (розташувати зображення з файлу в елементі). Зауважимо, що значення True властивості Autosize блокує можливість розтягувати напис.

Текстові поля володіють властивостями 1-16, окрім властивос­тей 2, З, 13. Натомість вони мають такі додаткові властивості:

• Wordwrap (відображати введений текст у декількох рядках);

• PasswordChar (тест, що вводиться, відображати кругами);

• Readonly (текст з поля можна читати, змінювати не можна).

Важливою властивістю текстового поля є Multiline (багаторядковість), значення True якої дає змогу змінювати розміри елемента вертикально і виводити текст, що складається з декількох рядків.

Кнопки володіють властивостями 1-16, окрім 12. Замість неї є властивість FlatAppearence (вигляд кнопки).

Корисною, особливо для написів, є властивість Dock (розтягнути елемент до розмірів форми чи її частини).

7. VBA. Властивості написів, текстових полів і кнопок. Написи чають властивості 1-16 з таблиць 1.2 і 1.3 і додатково такі корисні властивості: BorderColor (колір межі), PicturePosition (замість власти­вості 3 з таблиці 1.2).

Текстові поля володіють властивостями 1-16, окрім 2, 3, а такгож властивістю PasswordChar (тест, що вводиться, відображати­меться зірочками чи кругами, як у паролях). Властивість Multiline багаторядковість) і її значення True дає змогу виводити в поле текст, що складається з декількох рядків.

Кнопки володіють властивостями 1-16, окрім 12 і 15, а також властивістю PicturePosition замість властивості 3.

Усі три елементи керування володіють властивостями WordWrap відображати текст у декількох рядках) і ControlTipText (випливаюча підказка).

8. VB і VBA. Проект «Анкета». Створимо проект, який дасть змогу вводити на форму анкетні дані особи (одногрупника чи одно­класника), щоб заносити їх у базу даних.

Сценарій та інтерфейс проекту. На формі світло-зеленого ко­льору розміру орієнтовно 300x400 точок з підписом «Мій перший проект» розташуємо п’ять написів: «Анкета», «Навчальний заклад» чи «Школа», «Група» чи «Клас», «Прізвище», «Ім’я», виконані жирним шрифтом Tahoma, 12 пунктів (рис. 1.11).

Поряд з останніми чотирма написами розташуємо чотири текс­тові поля для введення конкретних даних про особу. Значення у двох з них, що відповідають місцю навчання, мають висвітлюватися відразу після запуску проекту (їх можна буде змінювати), а інші два поля треба буде заповнювати вручну під час виконання проекту.

Внизу форми має бути кнопка з підписом «Занести в базу да­тах », а поряд — кнопка «Кінець роботи». Оскільки код для кнопки «Занести в базу даних» ми ще не зможемо створити, то спростимо задачу: натискання на кнопку має очистити два останні текстові поля, що містять прізвище та ім’я особи, готуючи їх для введення да­них про наступну особу. Натискання на кнопку «Кінець роботи» має закрити вікно проекту.

Конструювання форми. Вставимо у проект форму і почнемо l змінювати. Спочатку форма має набути такого вигляду, як на рис. 1.11, а, а потім такого, як на рис. 1.11, б.

Для цього треба виконати такий алгоритм:

1. Задати розміри форми 300x400 точок, колір тла — світло-зелений, підпис форми — «Мій перший проект».

2. Шрифти елементів (Font) на формі задати так: Tahoma, жирний, 12 пунктів.

3. Вставити п’ять елементів керування класу Label (написи): Label1, La­bel2, Label3, Label4, Label5. Нагадаємо, щоб вставити елемент керуван­ня на форму, треба клацнути на значку елемента в ТооlВох, а тоді — на формі.

4. Розташувати написи так, як на рис. 1.11, а, і вирівняти їх.

5. Вставити чотири елементи класу TextBox (текстові поля): TextBoxl TextBox2, ТехtВох3, TextBox4.

Рис. 1.11. Проект «Анкета»

6. Властивість Text у TextBoxl задати як текст з конкретною назвою нав­чального закладу, наприклад, «130» як номер школи для учнів. «КПІ» чи інша назва для студентів. Властивість Text у TextBox2 зада­ти як текст з назвою класу для учнів чи назвою групи для студентів, наприклад, «11а» чи «МЕ-11» чи інакше (дані мають бути про нав­чальний заклад, де ви навчаєтесь). Значення властивості Text в еле­ментах TextBox3 і TextBox4 вилучити.

7. Вставити дві кнопки (див. рис. 1.11).

8. Змінити властивості елементів керування, щоб форма набула такого вигляду, як на рис. 1.11, б. Для цього у вікні властивостей треба змінити всі підписи елементів керування класу «написи» і «кнопки» відповідно до ваших особистих даних (це властивість Text у VB або Caption у VBA).

На цьому конструювання форми закінчується. Розглянемо про­грамування двох кнопок (створення кодів опрацьовувачів подій).

9. VB і VBA. Як створити код для елемента керування? Наше завдання тепер — створити два коди для двох кнопок (запрограму­вати дві кнопки). Такі коди оформляють у вигляді процедур.

Процедура — це структурна одиниця програми, де реалізовано частину алгоритму.

Правило. Щоб створити код елемента керування, наприклад, кнопки1 (Buttonl у VB чи CommandButtonl у VBA), пов’язаний зі стандартною подією — тут один клік на об’єкті (Click), — потрібно конструкторі двічі клацнути на об’єкті (на кнопці1).

У VBA відкриється вікно коду, що міститиме автоматично ство­рену заготовку процедури:

Private Sub CommandButtonl _Click()

…

End Sub

У VB заготовка процедури має такий вигляд:

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As _ System.EventArgs) Handles Buttonl .Click 'y VB

End Sub

Ці рядки початківцям не можна змінювати, вилучати чи доли­зувати вручну. Тут перший рядок — це заголовок процедури (Sub), і. останній — кінець процедури. Після слова Sub йде назва процедури. Назва процедури складається з двох частин: назви елемента керування і назви події, розмежованих символом «_». У VB після назви процедури записані її параметри, які мають службове призначен­ня. Службове слово Private (власний) буде пояснене згодом.

У заготовку (на місце ...) користувач має ввести свій код. Для нього треба виконати алгоритм, описаний у пункті 9.

9. Двічі клацнути в конструкторі на першій кнопці (має відкритися вікно коду) і ввести у заготовку такий код (відповідно до сценарію для першої кнопки треба очистити текстові поля 3 і 4):

TextBox3.Text =""

TextBox4.Text =""

Зверніть увагу! Порожній текст " ", введений в елемент керування TextBox, витирає попередній його вміст.

10. Повернутися з вікна коду в конструктор форми (Shift + F7) і ство­рити код для другої кнопки. Для цього треба двічі клацнути на ній і в шаблон Sub другої кнопки ввести код — одну команду End.

11. Запустити проект на виконання командою «Налагодженя » чи Run з меню або натиснути для цього F5 на клавіатурі чи .

12. Ввести дані у текстові поля першого одногрупника чи однокласника і натиснути на кнопку «Занести в базу даних».

13. Повторити пункт 12 для введення даних ще двох осіб.

14. Після виконання робіт натиснути на кнопку «Кінець роботи» — опинитеся в середовищі конструктора форми.

15. Покращити дизайн форми. Зробити малюнок або фотографію тлом форми. Запустити проект на виконання.

Створений проект забезпечує зручне введення даних у форму з метою подальшого занесення їх у базу даних, але насправді в базу даних нічого не заносить. Це навчимося робити згодом.

Перші проекти навчальні, їх не варто зберігати. Проект зберіга­ють, якщо він досконалий або якщо потрібно продовжити роботу над проектом на іншому занятті чи на іншому комп’ютері.

Зауваження. Щоб перейти в режим редагування коду, який за­блокований режимом налагодження, треба скористатися такими за­собами: Остановить отладку Ctrl+Alt+Break

Вправи

1. Опишіть вікно середовища візуальної розробки проектів.

2. Напишіть процедуру, яка очищує два написи і два текстові поля.

3. Реалізуйте проект «Анкета», виконавши пункти 1-15 описаного в параграфі алгоритму.

4. Модифікуйте проект, додавши до структури даних відомості пре адресу і номер телефону особи.

5. *Придумайте й опишіть форму для введення даних про товари, ще зберігаються на складі чи на декількох складах деякої компанії.