Литмир - Электронная Библиотека
A
A

  win.wait_for_button();      // передаем управление драйверу

                              // дисплея

}

Запустив эту программу, мы увидим примерно такую картину.

Программирование. Принципы и практика использования C++ Исправленное издание - _099.png

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

#include "Simple_window.h" // открывает доступ к оконной библиотеке

#include "Graph.h"     // открывает доступ к графической библиотеке

Затем в функции

main()
мы сообщаем компьютеру, что средства нашей графической библиотеки находятся в пространстве имен
Graph_lib
.

Затем определяем точку, которую будем считать координатой левого верхнего угла нашего окна.

Point tl(100,100); // задаем координаты левого верхнего угла экрана

Затем создаем окно на экране.

Simple_window win(tl,600,400,"Canvas"); // создаем простое окно

Для этого мы используем класс

Simple_window
, представляющий окно в нашей библиотеке Graph_lib. Конкретный объект класса
Simple_window
носит имя
win
; иначе говоря,
win
— это переменная класса
Simple_window
. Список инициализации объекта win начинается с точки, которая будет использована в качестве левого верхнего угла
tl
, за ней следуют числа 600 и 400. Это ширина и высота окна соответственно, измеренные в пикселях. Мы объясним их смысл позднее, а пока лишь укажем, что они позволяют задать прямоугольник с заданными шириной и высотой. Строка
Canvas
используется для пометки окна. Если присмотритесь, то увидите слово
Canvas
в левом верхнем углу рамки окна.

Далее помещаем в окно некий объект.

Polygon poly;             // создаем фигуру (многоугольник)

poly.add(Point(300,200)); // добавляем точку

poly.add(Point(350,100)); // добавляем другую точку

poly.add(Point(400,200)); // добавляем третью точку

Мы определяем многоугольник poly, а затем добавляем к нему точки. В нашей графической библиотеке объекты класса

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

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

poly.set_color(Color::red); // уточняем свойства объекта poly

В заключение связываем объект

poly
с нашим окном
win
.

win.attach(poly); // связываем объект poly с окном

Легко заметить, что на экране пока не происходит вообще ничего. Мы создали окно (точнее, объект класса

Simple_window
) и многоугольник (с именем
poly
), окрасили многоугольник в красный цвет (
Color::red
) и связали его с окном
win
, но мы не дали команду отобразить это окно на экране. Это делает последняя строка в программе.

win.wait_for_button(); // передаем управление драйверу дисплея

Для того чтобы система графического пользовательского интерфейса отображала объекты на экране, мы передали управление системе. Эту задачу выполняет функция

wait_for_button()
, которая заставляет систему ждать, пока вы не щелкнете на кнопке Next в окне
Simple_window
.

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

Наше окно выглядит так.

Программирование. Принципы и практика использования C++ Исправленное издание - _100.png

Обратите внимание на то, что мы немного схитрили. А где же кнопка Next? Мы встроили ее в классе

Simple_window
. В главе 16 мы перейдем от класса
Simple_window
к обычному классу
Window
, в котором нет скрытых возможностей, и покажем, как написать свой собственный код, позволяющий управлять взаимодействием с окном.

В следующих трех главах мы будем просто использовать кнопку Next для перехода от одного дисплея к другому для отображения информации, связанной с разными этапами некоего процесса (“кадр за кадром”).

Вы настолько привыкли к тому, что вокруг каждого окна операционная система автоматически рисует рамку, что уже не замечаете ее. Рисунки в этой и следующих главах созданы с помощью системы Microsoft Windows, поэтому в правом верхнем углу каждого окна расположены три кнопки. Они могут быть полезными, если ваша программа зашла в тупик (а это в ходе отладки иногда случается), вы можете прекратить ее выполнение, щелкнув на кнопке со знаком ×. Если вы запустите программу в другой операционной системе, рамка изменится. Наш вклад в оформление рамки заключается лишь в создании метки (в данном случае

Canvas
). 

12.4. Использование библиотеки графического пользовательского интерфейса

 

Программирование. Принципы и практика использования C++ Исправленное издание - _002.png
 В этой книге мы не используем непосредственно возможности графики и графического пользовательского интерфейса конкретных операционных систем. Это ограничило бы использование наших программ одной операционной системой и вынудило бы учитывать массу запутанных деталей. Как и для ввода-вывода текстов, чтобы упростить наши программы, мы будем использовать библиотеку, сглаживающую различия между операционными системами, устройствами ввода-вывода и т.д. К сожалению, язык С++ не имеет стандартной библиотеки графического пользовательского интерфейса, аналогично библиотеке стандартных потоков ввода-вывода, поэтому мы используем одну из многих доступных библиотек.

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

168
{"b":"847443","o":1}