Переключение в режим дизайнера форм

Чтобы начать использовать дизайнер форм, нужно переключиться в режим дизайнера форм:

 

Рис. 1.14. Переключение в режим дизайнера форм

 

После переключения Вы увидите Eclipse в таком виде:

 

 

Рис. 1.15. Eclipse в режиме дизайнера форм

На дизайнере форм Вы можете увидеть внешний вид редактируемого окна (справа на рис. 1.15), виды (View) Structure (Структура) и Palette (Палитра) (слева на рис. 1.15).

В виде (View) Palette собраны элементы, из которых собственно строится окно. Они сгруппированы по своему назначению на Containers, Layouts, Components и другие. В рамках данных методических указаний мы познакомимся лишь с несколькими из них.

Вид (View) Structure содержит два раздела. Вверху расположен раздел Components, где отображаются все элементы, из которых состоит окно. Внизу расположен раздел Properties, где отображаются и могут редактироваться свойства активного элемента.

 

 

Добавление Absolute Layout в окно приложения

Для создания «Счетчика нажатий кнопки» мы будем использовать ранее созданный класс MyFirst_GUI.

Для начала добавим Absolute Layout. Это позволит размещать элементы GUI в произвольных местах нашего окна. Absolute Layout находится в Palette\Layouts

 

 

Рис. 1.16. Добавление Absolute Layout

 

Добавление кнопки в окно приложения

Добавим кнопку, нажатия которой будут считаться в приложении. Кнопка находится в Palette\Components и называется JButton. Нужно выбрать JButton в Палитре, затем курсор переместить вправо на внешний вид редактируемого окна:

 

 

 

Рис. 1.17. Процесс добавления кнопки JButton

 

Чтобы зафиксировать кнопку на форме, нужно нажать и отпустить левую кнопку мыши в нужной позиции на редактируемом окне:

 

 

Рис. 1.18. JButton только что добавлен на форму

 

 

После добавления элемента в окно он появится в списке Components (на рис. 1.18, отмечен свежедобавленный элемент button).

Сразу после добавления кнопки мы имеем возможность задать ей текст, который в ней будет отображаться. Воспользуемся этой возможностью и введем текст «Жать сюда!», нажмем Enter:

 

 

Рис. 1.19. Введен текст в кнопку

 

И снова обратите внимание на список Components – текст кнопки «Жать сюда!» отобразился в Components (метка 1 на рис. 1.19).

И обратите внимание на то, что наш текст не помещается в кнопке (метка 2 на рис. 1.19). Это легко исправить – нужно подвести курсор мыши к одному из маленьких черных квадратиков вокруг границ кнопки и, захватив его, перетащить границу кнопки в нужное место.

Рис. 1.20. JButton после изменения размера

 

⇐ Предыдущая123456789Следующая ⇒

Поделиться: