Задания.

1. Выполните задания из теоретической части.

2. Сумматор. Создайте приложение, которое представляет собой форму 400х250. На форме разместите три текстовых поля и одну кнопку с надписью «Расчет». При нажатии на кнопку значения, введенные в первые два текстовых поля, складываются и результат записывается в третье поле.

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

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

Цель работы. Знакомство с элементами разработки графического интерфейса пользователя с добавлением ряда кнопок и текстовых полей.

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

1: Создание проекта

Дадим проекту имя "NumberAddition".

1. Выберите "File > New Project". Также можно щелкнуть значок "New Project" на панели инструментов среды IDE.

2. В области "Categories" выберите узел "Java". В области "Projects" выберите "Java Application". Нажмите кнопку "Next".

3. Введите NumberAddition в поле "Project Name" и укажите путь к местоположению проекта, например, в домашнем каталоге.

4. (Дополнительно) Установите флажок "Use Dedicated Folder for Storing Libraries" и укажите местоположение папки библиотек.

5. Проверьте, что установлен флажок "Set as Main Project".

6. Удалите флажок "Create Main Class", если он установлен.

7. Нажмите кнопку "Finish".

2: Создание внешнего интерфейса

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

Создание контейнера jFrame

1. В окне "Projects" щелкните правой кнопкой мыши узел "NumberAddition" и выберите "New > JFrame Form".

2. Введите имя класса "NumberAdditionUI".

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

4. Нажмите кнопку "Finish".

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

Добавление элементов: создание внешнего интерфейса

С помощью окна "Palette" внешний интерфейс приложения заполняется панелью JPanel. После этого добавляются три элемента JLabel (текстовые подписи), три элемента JTextField (текстовые поля) и три элемента JButton (кнопки).

После перетаскивания и размещения указанных выше элементов элемент JFrame должен выглядеть (рис. 1):

Рис. 1

Если палитра в верхнем правом углу среды IDE отсутствует, выберите "Windows > Palette".

1. Сначала выберите панель JPanel на палитре и перетащите ее в элемент JFrame.

2. Панель JPanel будет выделена. Перейдите к окну "Properties" и нажмите кнопку с многоточием (...) рядом с полем "Border" для выбора стиля границы.

3. В диалоговом окне "Border" выберите "TitledBorder" из списка и введите Number Addition в поле "Title". Для сохранения изменений и закрытия диалогового окна нажмите кнопку "OK".

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