24.2. Знакомство с Glade

24.2. Знакомство с Glade

Наше знакомство с Glade мы начнем с разработки калькулятора, но прежде нужно познакомиться с интерфейсом самой студии. После запуска Glade вы увидите три окна:

? Главное окно Glade — используется для операций с проектом, например, создания, открытия, сохранения, указания опций.

? Палитра — набор виджитов, которые вы можете поместить в контейнер.

? Свойства — окно свойств виджитов, в котором отображаются свойства активного виджита.

Рис. 24.1. Студия Glade

Палитра содержит три набора виджитов:

? GTK+ Основа — основные виджиты;

? GTK+ Дополнения — дополнительные виджиты;

? Gnome — специальные виджиты для создания GNOME-приложений.

К основным виджитам относятся:

? Окно — основной элемент вашего приложения.

? Главное меню — строка меню приложения.

? Панель инструментов — на этой панели обычно находятся кнопки быстрого доступа к некоторым элементам главного меню, например, Создать, Открыть, Сохранить, Выход и т.д.

Рис. 24.2. Палитра

? Ползунок — позволяет изменять размеры некоторых виджитов; обычно ползунок ставится между двумя панелями инструментов.

? Метка — надпись.

? Поле ввода текста — название говорит само за себя.

? Комб. список — комбинированный список (Combo Box).

? Текстовый бокс — область для ввода нескольких строк текста; может использоваться в качестве основы простого текстового редактора.

? Кнопка — думаю, этот виджит в комментариях не нуждается.

? Кнопка-переключатель — кнопка, которая может находиться в одном из двух положений: включено или выключено.

? Флажок — независимый переключатель.

? Радиокнопка — зависимый переключатель.

? Список — простой список.

? Дерево — иерархическая схема элементов.

? Колоночный список — это список CList из главы 23.

? Колоночное дерево — что-то среднее между деревом и колоночным списком.

? Меню параметров — выпадающий список опций, напоминает список ComboBox (см. рис. 24.3, тип окна).

? Крутящаяся кнопка — не знаю, почему ее так назвали, на самом деле это поле с кнопками уменьшения/увеличения значения (как поле ввода ширины или высоты окна, см. рис. 24.3).

Рис. 24.3. Окно свойств

? Индикатор выполнения — вы использовали программу GnoRPM для установки пакетов? Пока пакет устанавливался, в небольшом окошке ползла небольшая шкала, информирующая нас о процессе установки. Это индикатор выполнения,

? Строка статуса — небольшая панель с текстовым полем, точнее, надписью, содержащей информацию о статусе приложения.

? Горизонтальный, вертикальный разделители — эти виджиты также не нуждаются в комментариях.

? Область для рисования — область, в которой можно рисовать мышью.

? Диалог — произвольное диалоговое окно.

? Диалог выбора файла — это наш старый знакомый, работу с которым мы рассматривали в прошлой главе.

? Диалог выбора шрифта — позволяет выбрать шрифт.

? Окно выбора цвета — позволяет выбрать цвет.

? Горизонтальный бокс — контейнер GtkHBox.

? Вертикальный бокс — контейнер GtkVBox.

? Таблица — контейнер GtkTable.

? Фиксированная позиция — контейнер GtkFixed.

? Горизонтальные панели, вертикальные панели — набор горизонтальных и вертикальных панелей.

? Записная книжка — виджит, состоящий из нескольких страниц, обычно используется для создания окна свойств.

? Рамка — небольшая рамка, обычно используется для объединения нескольких радиокнопок или других виджитов, устанавливающих параметры, в одну группу.

? Прокручиваемое окно — окно с полосами прокрутки.

? Окно просмотра.

Дополнительными виджитами являются:

? Горизонтальная, вертикальная шкала — эти элементы похожи на индикатор выполнения, но используются не для наблюдения за ходом процесса, а для установки значений (такие шкалы используются в диалоге выбора цвета).

? Горизонтальная, вертикальная линейка — аналогичны шкалам, но немного по-другому нарисованы (в виде линейки).

? Событийный бокс — это виджит EventBox, с которым мы уже знакомы.

? Метка с клавишей ускорения — надпись с клавишей быстрого доступа.

? Календарь — виджит для выбора даты.

? Ниспадающее меню — обычное ниспадающее меню.

? Кривая, Гамма-кривая — служат для отображения различных кривых.

? Горизонтальная, вертикальная полосы прокрутки — вместо этих виджитов лучше использовать прокручиваемое окно.

? Предварительный просмотр — область предварительного просмотра.

? Выбор шрифта, выбор цвета — виджиты выбора шрифта и цвета соответственно.

? Диалог ввода — диалог для ввода информации,

? Изображение — используется для вывода картинки.

? Пользовательский элемент управления.

? Стрелка.

На вкладке Gnome вы найдете следующие виджиты:

? Окно приложения Gnome — создает готовый шаблон окна приложения — с меню, панелью инструментов, кнопками быстрого доступа и строкой статуса.

? Диалоговое окно Gnome — произвольный диалог в стиле Gnome.

? Окно сообщений Gnome — используется для вывода сообщений.

? Окно Gnome «О программе».

? Выбор цвета Gnome — небольшая кнопка с изображением выбранного цвета, щелчок на которой приводит к появлению окна выбора цвета.

? Выбор шрифта Gnome — небольшая кнопка, щелчок по которой приводит к появлению окна выбора шрифта.

? Пиктограмма Gnome.

? Кнопка HRef-ссылки Gnome.

? Поле ввода Gnome — поле для ввода информации.

? Ввод файла Gnome — небольшое текстовое поле с кнопкой, щелкнув по которой, вы увидите диалог выбора файла.

? Ввод числа Gnome — поля для ввода числа.

? Правка даты — поле для редактирования латы.

? Шкала — красивая шкала, напоминающая спидометр.

? Часы.

? Строка приложения Gnome — напоминает строку статуса.

? Калькулятор — уже готовый калькулятор.

? GnomeCanvas — область для рисования.

? Список пиктограмм.

? Выбор пиктограммы — раскрывающийся список, позволяющий выбрать пиктограмму.

? Диалоговое окно свойств.

? Помощник — окно помощи Gnome.

? Картинка Gnome.

? Аниматор — отображает анимированное изображение.

Перечислять свойства и сигналы каждого виджита я не буду, поскольку в окне Свойств до такой степени все просто, что вы разберетесь без моих комментариев.

Итак, приступим. Создайте главный виджит — окно. Для этого просто щелкните мышью на иконке окна в Палитре. Сразу же после этого в окне Свойств вы можете установить свойства нашего окна.

Сейчас нас интересуют следующие свойства:

? Имя: имя виджита — это идентификатор, и оно должно соответствовать правилами написания имен идентификаторов, то есть никакой кириллицы!

? Заголовок: заголовок окна может содержать символы любого алфавита, только потом, в функции main(), не забудьте вызвать функцию локализации.

? Ширина окантовки: ширина рамки окна в пикселях.

? Тип — устанавливает тип окна:

? Top Level — главное окно;

? Dialog — диалоговое окно;

? Popup — всплывающее окно.

? Позиция — позиция окна на экране при запуске:

 • None — как при разработке;

 • Center — строго в центре;

 • Mouse — в текущей позиции указателя мыши.

? Ширина, высота — можно указать значения явно, а можно изменить размер окна с помощью мыши (второй способ часто оказывается удобнее).

Чтобы впоследствии увидеть окно свойств виджита window (нашего окна), нужно перейти в главное окно Glade и выбрать из списка окон нужное вам окно.

Чтобы удалить:

? Контейнер: щелкните на любом виджите контейнера правой кнопкой мыши, выберите имя контейнера и команду Удалить. Будут удалены также все дочерние виджиты контейнера.

? Виджит: щелкните на нем правой кнопкой мыши и выберите команду Удалить.

? Строку контейнера: удалите дочерний виджит. щелкните правой кнопкой на строке контейнера и выберите команду Удалить.

? Окно: в главном окне Glade выберите нужное вам окно и нажмите клавишу Del.

Добавьте вертикальный контейнер из двух строк для размещения виджитов. В верхней будет размещено текстовое поле ввода, а в нижней — контейнер-таблица, состоящая из 5 строк и 4 столбцов. В этой таблице будут расположены кнопки калькулятора.

Поместите в верхнюю строку контейнера GtkVBox текстовое поле. Перейдите в окно свойств и установите следующие свойства текстового поля (рис. 24.4):

? Вкладка Эл. управления

 • Редактировать: Да

 • Видимость текста: Да

 • Максимальная длина: 0

 • Текст: 0

? Вкладка Общие

 • Высота: 50

 • Видимость: Да

 • Чувствительность: Да

 • Фокусировка: Да

 • Имеет фокус: Нет

 • События: 0000000000000

Рис. 24.4. Свойства текстового поля: вкладка Общие

После этого в первую ячейку таблицы добавьте кнопку и установите ее свойства следующим образом:

? Вкладка Эл. управления

 • Ширина окантовки: 0

 • Метка: ON

? Вкладка Общие

 • Ширина: 70

 • Высота: 70

Если вы забыли (или не знаете), что означает то или иное свойство виджита, подведите указатель мыши к метке поля свойства, и рядом с ним отобразится подсказка. Если же вам трудно установить маску для событий, нажмите кнопку «…» (рис. 24.5) рядом с полем выбора события, и вы увидите описание масок событий.

Рис. 24.5. Вкладка Общие для кнопки

Скопируйте получившуюся кнопку в следующую ячейку (Ctrl+C, Ctrl+V.). Для новой кнопки установите свойство Метка: СЕ. Проверить, что находится в буфере обмена, можно с помощью команды главного меню Glade: Вид, Буфер обмена.

Точно так же создайте еще 16 кнопок и разместите их так, как показано на рисунке 24.6.

Рис. 24.6. Калькулятор

Сейчас установим функции-обработчики для наших кнопок. Выделите кнопку ON и перейдите в окно свойств на вкладку Сигналы.

Рис. 24.7. Сигналы

Выберите сигнал clicked и нажмите OK. В поле обработчика введите имя функции-обработчика, например, on_button_ciick. Можно выбрать одну из стандартных функций, например, gtk_main_quit(), но не для этой кнопки — это ведь обработчик включения калькулятора, поэтому код для него мы должны будем писать самостоятельно. Теперь нажмите кнопку Добавить.

Аналогично создайте обработчики для остальных функций. Советую давать функциям понятные имена, например, on_button_N_click, где N — число от 0 до 9, или on_plus_click.

Вот и все, интерфейс калькулятора построен.