Завдання.

1. Виконайте завдання з теоретичної частини.

2. Створить форму розміром 500х600 та намалюйте на ній домік.

3. Створить форму розміром 200х600 та намалюйте сніговичка.

4. Створить форму та намалюйте свій рисунок.

Лабораторна робота № 7

Лабораторна робота № 8

Тема: Введення в розробку графічного інтерфейсу.

Мета: Знайомство з елементами розробки графічного інтерфейсу користувача з додаванням ряду кнопок і текстових полів.

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

1: Створення проекту.

Створимо проект з ім’ям "NumberAddition".

1. Виберіть "Файл> Создать проект". Також можна натиснути значок "Создать проект" на панелі інструментів середовища IDE.

2. В області "Категории" виберіть вузол "Java". В області "Проекты" виберіть "Приложение Java ". Натисніть кнопку "Далее".

3. Введіть NumberAddition в полі "Имя проекта" і вкажіть шлях до місця розташування проекту, наприклад, в домашньому каталозі.

4. (Додатково) Встановіть прапорець "Использовать отдельную папку для хранения библиотек" і вкажіть місце розташування папки бібліотек.

5. Видаліть прапорець "Создать главный класс", якщо він встановлений.

6. Натисніть кнопку "Готово".

2: Створення зовнішнього інтерфейсу

Для створення інтерфейсу необхідно створити контейнер Java, в який будуть поміщені інші необхідні елементи графічного інтерфейсу. Контейнер буде створено за допомогою елемента JFrame і поміщено в новий пакет, який буде відображатися у вузлі "Пакеты исходных кодов".

Створення контейнера JFrame

1. У вікні "Проекты" клацніть правою кнопкою миші вузол "NumberAddition" і виберіть "Новый> Форма JFrame".

2. Введіть ім'я класу "NumberAdditionUI".

3. Вибрати пакет my.numberaddition.

4. Натисніть кнопку "Готово".

Середа IDE створює форму NumberAdditionUI і клас NumberAdditionUI в додатку NumberAddition і відкриває форму NumberAdditionUI в GUI Builder. Пакет my.NumberAddition замінює собою пакет за замовчуванням.

Додавання елементів: створення зовнішнього інтерфейсу

За допомогою вікна "Палитра" зовнішній інтерфейс додатка заповнюється панеллю JPanel. Після цього додаються три елементи JLabel (текстові підписи), три елементи JTextField (текстові поля) і три елементи JButton (кнопки).

Після перетягування і розміщення зазначених вище елементів, елемент JFrame повинен

виглядати (рис.1):

Рис. 1

Якщо палітра у верхньому правому кутку середовища IDE відсутня, виберіть "Windows> Palette".

1. Спочатку виберіть панель JPanel на палітрі і перетягніть її в елемент JFrame.

2. Панель JPanel буде виділена. Перейдіть до вікна "Свойства" і натисніть кнопку з трьома крапками (...) поряд з полем "Border" для вибору стилю кордону.

3. У діалоговому вікні "Border" виберіть "Рамка с надписью" зі списку і введіть Number Addition в полі "Заголовок". Для збереження змін і закриття діалогового вікна натисніть кнопку "OK".

4. Тепер на екрані повинен відображатися порожній елемент "JFrame" з заголовком "Number Addition" (рис. 1). Згідно малюнку, додайте до нього три підписи JLabel, три текстових поля JTextField і три кнопки JButton.

Перейменування елементів

На цьому етапі буде виконано перейменування елементів, що були додані до елементу JFrame.

1. Двічі клацніть jLabel1 і змініть властивість тексту на First Number.

2. Двічі клацніть jLabel2 і змініть текст на Second Number.

3. Двічі клацніть jLabel3 і змініть текст на Result.

4. Видаліть стандартний текст з jTextField1. Для зміни тексту, що відображається спочатку клацніть текстове поле і через деякий час клацніть його вдруге. При цьому може знадобитися відновити первісний розмір поля jTextField1. Повторіть цю дію для полів jTextField2 і jTextField3.

5. Змініть відображуваний текст jButton1 на Clear. (Для зміни тексту кнопки клацніть кнопку правою кнопкою миші і виберіть "Редактировать текст". В якості альтернативи можна натиснути кнопку, витримати паузу і клацнути ще раз.)

6. Змініть відображуваний текст jButton2 на Add.

7. Змініть відображуваний текст jButton3 на Exit.

Тепер готовий графічний інтерфейс повинен виглядати (рис. 2):

Рис. 2