Запуск программы и устранение ошибок
Проверьте, не горят ли красные маркеры слева от кода. Если горят, тогда наведите манипулятором мыши на один из маркеров. Появится сообщение об ошибке, внимательно прочтите его и устраните ошибку. Сделайте это со всеми маркерами.
Запустите программу. Если она была написана правильно, в консоль должны быть выведены все инициализированные абоненты. Если были допущены ошибки, появится сообщение исключительной ситуации, сообщающей тип ошибки и ее место возникновения (вся цепочка вызовов методов). Перейдите в самый первый описанный метод, кликнув по нему в консоли. Произойдет автоматический переход к месту возникновения ошибки. Исправьте ее и запустите программу снова.
ПЛАН ВЫПОЛНЕНИЯ РАБОТЫ:
1. Выполните все задания представленные выше.
2. Убедитесь, что освоили материал. При необходимости проработайте нужные уроки.
3. Сделайте отчет по выполненной работе.
4. Подготовьтесь к защите лабораторной работы.
СОДЕРЖАНИЕ ОТЧЕТА
Исходный код программы.
Описание разработанной программы, всех классов и методов.
2. Выводы по результатам работы.
ЛАБОРАТОРНАЯ РАБОТА №4
“Телефонный справочник. Графический пользовательский интерфейс”
Цель работы: Освоение построения приложений с графическим пользовательским интерфейсом. Навык работы с редактором форм и диспетчером компоновки GridBagLayout.
ПЛАН РАБОТЫ:
Подготовка к выполнению работы. Подготовка производится в часы самостоятельной работы студентов. Она включает:
изучение теоретического материала темы по конспекту лекций и литературе;
ознакомление с содержанием работы по настоящему методическому пособию.
2. Создание графической формы.
3. Компоновка формы под редактор телефонного справочника
4. Запуск программы.
Создание графической формы
Возьмите за основу проект из предыдущей 3 лабораторной работы.
Создайте класс JFrame. После чего должен появиться редактор форм с формой:
Рисунок 4.1 –Редактор форм с формой
Форма имеет два режима редактирования: Дизайн (Design) и Исходный код (Source).
Кликните по иконке Preview Design, для того чтобы посмотреть как будет выглядеть форма при запуске.
Для того чтобы изменить заголовок окна необходимо в инспекторе выделить JFrame и в редакторе свойств изменить заголовок на “Телефонный справочник” (см. рисунок 4.2).
Рисунок 4.2 – Редактирование заголовка формы
Компоновка формы под редактор телефонного справочника
Для расположения компонентов внутри контейнеров существуют диспетчеры компоновки. Они размещают компоненты в контейнере по определенному алгоритму, причем всякий раз при изменении размеров контейнера. Диспетчером компоновки по умолчанию является Free Design. Он размещает компоненты в свободной форме, относительно границ контейнера и друг друга.
Для редактора телефонного справочника потребуется таблица, две кнопки и диалоговое окно, расположенные внутри главной формы: таблица телефонного справочника (JTable), кнопки добавления и удаления абонента (JButton) и диалоговое окно (JDialog) для редактирования нового абонента. Поместите эти четыре компонента из палитры на форму. Помните о содержательном именовании.
Обратите внимание, что при добавлении компонентов на форму, они появляются в инспекторе (рисунок 4.3).
Рисунок 4.3 – Инспектор
Для редактирования названия компонента, необходимо вызвать выпадающее меню компонента в инспекторе и выбрать ChangeVariable Name.
Для того, чтобы редактировать текст на кнопке необходимо изменить свойство text кнопки в редакторе свойств.
Для редактирования столбцов таблицы вызовите редактор ее модели. Для этого выделите таблицу (в инспекторе или на форме), затем в редакторе свойств кликните по иконке выбора в свойстве model (см. рисунок 4.4).
Рисунок 4.4 – Вызов редактора модели таблицы
В редакторе модели таблицы создайте 5 колонок: Фамилия, Имя, Отчество, Адрес, Телефонный номер. Запретите редактирование этих колонок. Количество строк установите в ноль (см. рисунок 4.5).
Рисунок 4.5 – Редактор модели таблицы
После всех изменения нажмите кнопку OK.
В результате должно получиться следующее:
Рисунок 4.6 – Главная форма редактора телефонного справочника
Осталось настроить диалоговое окно редактирования абонента. Для этого в инспекторе дважды нажмите на диалоговое окно редактирования абонента dialogAbonentEditor. После чего появится пустая форма в редакторе форм. Переместите на форму необходимые компоненты для редактирования абонента (текстовое поле – JTextField, текстовая метка - JLabel). Также создайте две кнопки: “Применить” и “Отменить”. Должно получиться следующее:
Рисунок 4.7 – Диалоговое окно редактора абонента
Если фон компонентов темный при запуске приложения, перейдите в режим “Исходный код”. В конструкторе вручную пропишите установку цвета (R = 240, G = 240, B = 240):
getContentPane().setBackground(new Color(240, 240, 240));
Тоже самое проделайте с компонентами внутри формы.
Все выполненные настройки на форме находятся в методе initComponents класса FrameTelephoneDirectoryEditor. Ручное изменение содержимого этого метода блокировано и автоматически редактируется редактором форм.