Знакомство с gui Builder
После создания нового проекта для приложения следует ознакомиться с интерфейсом GUI Builder.
После добавления контейнера "JFrame" новая созданная форма ContactEditorUI автоматически открывается на вкладке "Editor", где имеется панель инструментов с рядом кнопок, показанных на предыдущем рисунке. Режим проектирования GUI Builder, в котором открыта форма "ContactEditor", и три дополнительных окна, автоматически выводимые по краям экрана IDE, позволяет осуществлять переходы, упорядочивать и изменять формы графического интерфейса по мере их разработки.
Различные окна GUI Builder содержат следующее:
Область проектирования. Основное окно GUI Builder для создания и изменения форм графического интерфейса Java. Кнопки переключения между режимами просмотра исходного кода (Source) и проектирования (Design) на панели инструментов позволяют просматривать исходный код класса или графическое представление элементов графического интерфейса. Дополнительные кнопки панели инструментов обеспечивают удобный доступ к часто используемым командам, например, для выбора режимов "Selection" (выбор) и "Connection" (соединение), выравнивания элементов, настройки автоматического изменения размера элементов и предварительного просмотра форм.
Окно "Inspector". В этом окне все элементы (как визуальные, так и прочие) приложения представлены в виде дерева. В этом окне также обозначается элемент, который изменяется в настоящее время в GUI Builder. Кроме того, это окно позволяет удобно разместить элементы на доступных панелях.
Окно "Palette". Настраиваемый список доступных элементов с вкладками для элементов JFC/Swing, AWT и JavaBeans и средствами вызова диспетчеров компоновки. Кроме того, это окно позволяет создавать, удалять и переупорядочивать отображаемые в нем категории при помощи специального средства настройки.
Окно "Properties". В этом окне отображаются свойства элемента, выбранного в GUI Builder, окне "Inspector", окне "Projects" или окне "Files".
При нажатии кнопки "Source" на экране появляется исходный код приложения на Java, отображаемый в редакторе. Разделы кода, которые были автоматически созданы GUI Builder, обозначаются синим цветом и называются защищенными блоками (Guarded Blocks). Текст из защищенных блоков невозможно изменить в режиме просмотра исходного кода. Для изменения в этом режиме доступен только код, отображаемый в редакторе на белом фоне. При необходимости корректировки кода, находящегося в защищенном блоке, следует нажать кнопку "Design", после чего снова появится экран GUI Builder, на котором можно внести требуемые изменения. После сохранения изменений исходный код файла автоматически обновляется.
Ключевые понятия
GUI Builder решает основные проблемы, возникающие при разработке графического интерфейса Java, путем рационализации процесса создания графических интерфейсов, освобождая разработчиков от необходимости изучения особенностей диспетчеров компоновки Swing. Это достигается за счет добавления в GUI Builder среды IDE NetBeans поддержки прямой парадигмы "свободного проектирования" (Free Design) с простыми с точки зрения восприятия и реализации правилами размещения объектов. В процессе проектирования формы GUI Builder предоставляет визуальные средства поддержки, предлагая оптимальное расположение и выравнивание элементов. При этом GUI Builder трансформирует принимаемые разработчиком решения по позиционированию объектов в функциональный UI, реализуемый диспетчером компоновки GroupLayout и другими средствами Swing. Благодаря модели динамического размещения элементов поведение графического интерфейса в среде GUI Builder полностью аналогично таковому в продуктивной среде исполнения, что позволяет вносить корректировки без изменения уже установленных взаимосвязей между элементами. Каждый раз при изменении размеров форм, переключении региональных и языковых настроек или применении нового стиля графического интерфейса автоматически адаптируется согласно новым параметрам вставок и смещений.
Концепция свободного проектирования "Free Design"
Проектирование форм в GUI Builder осуществляется путем простой вставки элементов в требуемые места без определения абсолютной позиции каждого элемента. GUI Builder автоматически определяет требуемые атрибуты и создает соответствующий исходный код. Вручную настраивать вставки, привязки, заполнители и т.п. не требуется.
Автоматическое расположение элементов (привязки)
При добавлении элементов к форме GUI Builder предоставляет визуальные средства поддержки, упрощающие задачу по правильному размещению элементов на основе общего стиля операционной системы. Кроме того, в GUI Builder предусмотрен вывод полезных советов и рекомендаций относительно позиционирования элементов в форме, реализуемый посредством автоматической привязки элементов к различным направляющим. Такие советы основываются на расположении элементов, которые уже были помещены в форму, и обеспечивают резервное пространство для сохранения гибкости при выборе различных стилей на этапе выполнения.
Визуальные средства поддержки
В GUI Builder также предусмотрены визуальные средства поддержки при определении привязок и настроек размещения элементов. Эти средства позволяют быстро идентифицировать различные связи позиционных отношений и поведение привязок, влияющие на внешний вид и функционирование графического интерфейса во время выполнения. Это ускоряет процесс разработки графического интерфейса и позволяет быстро создать профессионально выполненные и функционирующие визуальные интерфейсы.