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

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

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

Для получения более подробной информации по функциям разработки GUI Builder, в том числе демонстрации различных функций в формате видео, см. Разработка графического интерфейса Swing в среде IDE NetBeans.

Предполагаемая продолжительность: 15 минут

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

Первым действием является создание проекта IDE для разрабатываемого приложения. Дадим проекту имя "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". (При использовании среды IDE NetBeans 6.0 эта возможность недоступна.)
5. Проверьте, что установлен флажок "Set as Main Project". Удалите флажок "Create Main Class", если он установлен.
6. Нажмите кнопку "Finish".

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

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

Упражнение 3: Добавление функциональности

В этом упражнении мы добавим необходимую функциональность к кнопкам "Add", "Clear" и "Exit". Поля jTextField1 и jTextField2 будут использоваться для ввода значений пользователем, а jTextField3 – для вывода результата работы программы. Создаваемая программа представляет собой простейший калькулятор. Итак, приступим!

Упражнение 4: Выполнение программы

Последним действием является сборка и запуск программы.

1. Выберите "Build > Build Main Project".
2. После завершения процесса сборки выберите "Run > Run Main Project".
3. При появлении окна с сообщением о том, что для проекта "NumberAddition" не установлен главный класс, необходимо выберите в качестве главного класса "my.NumberAddition.NumberAdditionUI" и нажмите кнопку "OK".
4. Теперь созданная программа готова к использованию.

В данном руководстве был рассмотрен процесс добавления функциональности к элементам графического интерфейса с помощью GUI Builder в среде NetBeans.

Механизм обработки событий

В этом руководстве было рассмотрено реагирование на простое событие нажатия кнопки. Существует множество событий, на которые может реагировать приложение. Просмотреть в среде IDE список доступных событий, которые могут обрабатываться элементами графического интерфейса, можно следующим образом:

1. Вернитесь к файлу NumberAdditionUI.java в редакторе. Щелкните вкладку "Design" для просмотра структуры графического интерфейса в GUI Builder.
2. Щелкните правой кнопкой мыши любой элемент графического интерфейса и выберите "Events" в появившемся меню. Теперь можно просто изучить содержимое меню, не выбирая никаких пунктов.
3. В качестве альтернативы можно выбрать "Properties" в меню "Window". В окне "Properties" щелкните вкладку "Events". Вкладка "Events" позволяет просмотреть и изменить обработчики событий, связанные с текущим активным элементом графического интерфейса.
4. Приложение также может реагировать на нажатие клавиш, одинарный, двойной или тройной щелчок мышью, перемещение указателя мыши, изменение размера окна и фокусировки. Меню "Events" позволяет автоматически создать обработчики событий для всех этих событий. Наиболее распространенным из них является событие "Action". (Для получения дополнительных сведений см. практические рекомендации по обработке событий из руководства Sun Java Events Tutorial.)

Как выполняется обработка событий? Каждый раз при выборе события в меню "Event" среда IDE автоматически создает интерфейс прослушивания событий (event listener) и привязывает его к элементу. Для более подробного ознакомления с процессом обработки событий выполните следующие действия.

1. Вернитесь к файлу NumberAdditionUI.java в редакторе. Щелкните вкладку "Source" для просмотра исходного кода графического интерфейса.
2. Выполните прокрутку вниз и просмотрите реализованные методы jButton1ActionPerformed(), jButton2ActionPerformed() и jButton3ActionPerformed(). Эти методы называются обработчиками событий.
3. Теперь перейдите к методу initComponents(). Если этот метод отсутствует, найдите строку Generated Code и щелкните знак + рядом с этой строкой для отображения скрытого метода initComponents().
4. Обратите внимание на синий блок, окружающий метод initComponents(). Этот код был автоматически создан средой IDE и не может быть изменен пользователем.
5. Теперь посмотрите на сам метод initComponents(). Помимо прочего, он содержит код, инициализирующий элементы графического интерфейса и помещающий их в форму. Этот код создается и обновляется автоматически при размещении и изменении элементов в режиме проектирования.
6. В методе initComponents() найдите следующий фрагмент:

   jButton3.setText("Exit");
   jButton3.addActionListener(new java.awt.event.ActionListener() {
       public void actionPerformed(java.awt.event.ActionEvent evt) {
              jButton3ActionPerformed(evt);
       }
               });

В этом месте к элементу графического интерфейса, в данном случае к jButton3, добавляется объект прослушивания событий "ActionListener". Интерфейс "ActionListener" имеет метод "actionPerformed" объекта "ActionEvent", который реализуется путем простого вызова обработчика событий jButton3ActionPerformed. Теперь эта кнопка реагирует на события действий. Каждый раз при нажатии кнопки создается событие "ActionEvent", которое передается в метод "actionPerformed" интерфейса прослушивания событий, исполняющий код, предусмотренный разработчиком для этого события в обработчике событий.

Как правило, для получения возможности реагирования каждый интерактивный элемент графического интерфейса должен быть зарегистрирован в каком-либо интерфейсе прослушивания событий и иметь связанный обработчик событий. Однако среда IDE NetBeans обеспечивает автоматическую привязку интерфейса прослушивания, что позволяет разработчику сконцентрироваться на реализации бизнес-логики, которая должна инициироваться событием.

Дополнительная информация

• Разработка графического интерфейса Swing в среде IDE NetBeans
• GUI Builder – часто задаваемые вопросы
• Практические рекомендации по обработке событий из руководства Sun Java Events Tutorial
• Создание настольного приложения на Java для работы с базой данных
• Примеры кода см. по адресу Java Almanac: Java Events

По всем вопросам, а также для получения поддержки и информации по последним разработкам функций среды IDE NetBeans см. рассылки . Для присоединения к рассылке отправьте пустое сообщение на адрес .