Создание графического web-приложения в VisualAge for Java 3.5. Часть 6

Перед окончательным завершением приложения в текстовом редакторе нам надо еще немного поработать в визуальном редакторе. А именно, нам надо создать диалоговое окно (наследник класса javax.swing.JDialog) изменения настроек приложения (имя прокси сервера, и т.д.).

Перейдите в Workbench. Нажмите мышью на пакете mdict.vaj35, затем на кнопку создания класса - . В появившемся окне мастера создания класса заполните следующие поля:

• Class name -> MobileDictionarySettings;
• Superclass -> javax.swing.JDialog;
• остальное оставьте по умолчанию (проверьте правильность со скриншотом ниже).

Нажмите кнопку Next.

В следующем шаге нам предлагается задать некоторые атрибуты класса. Так как мы собираемся обрабатывать в классе нажатия кнопок (JButton), нам надо импортировать пакет java.awt.event.* и реализовать интерфейс java.awt.event.ActionListener.

Нажмите кнопку Finish. VisualAge for Java сгенерирует скелет будущего класса и откроет его, как мы указали, в визуальном редакторе:

Операции работы в визуальном редакторе были достаточно подробно рассмотрены в предыдущих частях статьи, поэтому далее я буду подробно описывать только незнакомые действия, а тривиальные будут лишь кратко упоминаться.

Разместите слева один над одним 4 бина JLabel ( ) на панели класса. Измените следующие свойства:

Метка Jlabel1:

• text -> "Yes, I want to use HTTP proxy";
• horizontalAlignment -> RIGHT.

Сверху - вниз:

Метка Jlabel2:

• text -> "HTTP proxy URL";
• horizontalAlignment -> RIGHT.

Метка Jlabel3:

• text -> "HTTP proxy port";
• horizontalAlignment -> RIGHT.

Метка Jlabel4:

• text -> "Dictionary host URL";
• horizontalAlignment -> RIGHT.

Поместите справа от JLabel1 бин JCheckBox ( ). Очистите его свойство "text".

Справа от остальных трех текстовых меток так же вертикально разместите текстовые поля ввода JTextField ( ). Измените у этих бинов (сверху - вниз) свойство beanName:

• JTextProxyField;
• JTextPortField;
• JTextHostField.

Выделите все 4 текстовые метки (используйте Shift) и выровняйте их по правому краю ( ):

Немного поработаем над диалогом... Нажмите мышкой на заголовок окна класса, чтобы выбрать бин JMobileDictionarySettings. Измените следующие свойства:

• modal -> true;
  Это означает, что пользователь не сможет продолжать работать с программой до тех пор, пока не закроет диалоговое окно.
• resizable -> false;
  Запретим пользователю менять размер диалогового окна.
• title -> Settings;
  Заголовок окна.

Далее, поместите две кнопки JButton ( ) горизонтально вдоль нижнего края окна:

Измените следующие свойства:

Кнопка JButton1:

• text -> "Ok";
• beanName -> JOkButton;
• selected -> true.

Кнопка JButton2:

• text -> "Cancel";
• beanName -> JCancelButton.
  

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

Для присвоения версии коду закройте редактор класса и перейдите в Workbench, выделите (при помощи Shift) три класса: MobileDictionary, MobileDictionaryAboutBox и MobileDictionarySettings,

затем нажмите кнопку , выберите автоматическое (Automatic)

присвоение версий и нажмите Ok.

TOC | Часть 7