IT • archiv :: Information technology community

Инструменты

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

Откройте класс MobileDictionary (если он еще не был открыт) в визуальном редакторе:
Вызов визуального редактора
Начинаем размещение графических компонентов (java beans). Щелкните на значке JLabel в палитре компонентов Swing, затем щелкните на основной панели приложения. Должна появиться метка (JLabel):
Размещение элементов в визуальном редакторе
Изменте в свойствах:

текст (свойство text) метки на "Word:";
horizontalAlignment -> RIGHT;
beanName -> JWordLabel.

Щелкните на значке JTextField

в палитре компонентов Swing, затем щелкните на основной панели приложения. Должно появиться текстовое поле ввода (JTextField):
Размещение элементов в визуальном редакторе

Размещение элементов в визуальном редакторе

Изменте в свойствах:

beanName -> JWordTextField.

Щелкните на значке JButton

в палитре компонентов Swing, затем щелкните на основной панели приложения. Должна появиться кнопка (JButton):
Размещение элементов в визуальном редакторе

Изменте в свойствах:

beanName -> JWordButton;
actionCommand -> translateCommand;
text -> "Translate !".

Выделите все три компонента (метку, поле ввода и кнопку), нажав кнопку Ctrl и поочередно нажимая на вышеуказанные компоненты. Затем сначала нажмите кнопку установки одинаковых вертикальных размеров

, а затем нажмите кнопку вертикального выравнивания

для установки элементов на одну линию, и в завершение нажмите кнопку горизонтального распределения

для равномерного распределения по горизонтали. Вы должны получить что-то типа этого:
Размещение элементов в визуальном редакторе

Далее, размещаем элемены выбора типа поиска слова в словаре.

Щелкните на значке JLabel в палитре компонентов Swing, затем щелкните на основной панели приложения. Должна появиться метка (JLabel):
Размещение элементов в визуальном редакторе
Изменте в свойствах:

text -> "Options:";
horizontalAlignment -> RIGHT;
beanName -> JOptionsLabel.

Справа от метки разместим три "флажка с взаимоисключающей фиксацией" (RadioButton).

Нажмите на иконке JRadioButton на палитре компонентов и поместите три флажка на главную панель приложения. Измените соответственно свойства бинов:

JRadioButton1:

beanName -> JOptionsRadioButton1;
text -> "start with ... (sad, saddle, sadness)";
selected -> true;
actionCommand -> 1.

JRadioButton2:

beanName -> JOptionsRadioButton2;
text -> "exact match ... (sad)";
actionCommand -> 2.

JRadioButton3:

beanName -> JOptionsRadioButton3;
text -> "match inside ... (sad, ambassador)";
actionCommand -> 3.

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

для выравнивания вертикальных размеров;
для выравнивания по левому краю;
для выравнивания горизонтальных размеров (необязательно).

Вы должны получить что-то типа этого:
Размещение элементов в визуальном редакторе

Для интереса можете попробовать запустить приложение на выполнение (кнопкой

или через меню: Bean -> Run -> Run main ...), предварительно закомментировав (не обязательно, но рекомендую :)) строку

aMobileDictionary.pack();

в методе public static void main(java.lang.String[] args).

Что же мы имеем:
Окно приложения MobileDictionary
Но если вы попробуете щелкать мышью на флажках с зависимой фиксацией (RadioButtons), то внезапно обнаружите, что они не совсем RadioButtons, и ведут себя абсолютно независимо. It is not good ©. Надо исправлять.

Дело в том, что поведение JRadioButton зависит от принадлежности какой-либо ButtonGroup. Так как мы не задали ButtonGroup, то каждый флажок действует независимо. Итак, добавим группирующий невизуальный объект для флажков...

TOC | Часть 4


Справка \| Условия	Copyright © 1999 — 2008, IT • archiv.

В начало | Логин | Добавить отзыв | Поиск | Почта