Чтение онлайн

ЖАНРЫ

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

15.6.4. Построение графика

Итак, у нас есть все предпосылки для создания элегантной программы. Начнем с создания окна и размещения осей.

Window win(Point(100,100),xmax,ymax,"Aging Japan");

Axis x(Axis::x, Point(xoffset,ymax–yoffset),xlength,

(end_year–base_year)/10,

"year 1960 1970 1980 1990"

"2000 2010 2020 2030 2040");

x.label.move(–100,0);

Axis y(Axis::y, Point(xoffset,ymax–yoffset),ylength,

10,"% of population");

Line current_year(Point(xs(2008),ys(0)),Point(xs(2008),ys(100)));

current_year.set_style(Line_style::dash);

Оси

пересекаются в точке
Point(xoffset,ymax–yoffset)
, соответствующей паре (
1960,0
). Обратите внимание на то, как деления отражают данные. На оси y отложено десять делений, каждое из которых соответствует десяти процентам населения. На оси x каждое деление соответствует десяти годам. Точное количество делений вычисляется по значениям переменных
base_year
и
end_year
, поэтому, если мы изменим диапазон, оси автоматически будут вычислены заново. Это одно из преимуществ отсутствия “магических констант” в коде. Метка на оси x нарушает это правило, потому что размещать метки, пока числа на окажутся на правильных позициях, бесполезно. Возможно, лучше было бы задать набор индивидуальных меток для каждого деления.

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

"year 1960 1970 1980 1990"

"2000 2010 2020 2030 2040"

Компилятор конкатенирует такие строки, поэтому это эквивалентно следующей строке:

"year 1960 1970 1980 1990 2000 2010 2020 2030 2040"

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

Объект

current_year
соответствует вертикальной линии, разделяющей реальные данные и прогнозируемые. Обратите внимание на то, как используются функции
xs
и
ys
для правильного размещения и масштабирования этой линии.

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

Open_polyline
и заполним их в цикле чтения.

Open_polyline children;

Open_polyline adults;

Open_polyline aged;

Distribution d;

while (ifs>>d) {

if (d.year<base_year || end_year<d.year)

error("Год не попадает в диапазон");

if (d.young+d.middle+d.old != 100)

error("Проценты не согласованы");

int x = xs(d.year);

children.add(Point(x,ys(d.young)));

adults.add(Point(x,ys(d.middle)));

aged.add(Point(x,ys(d.old)));

}

Использование функций

xs
и
ys
делает проблему масштабирования
и размещения данных тривиальной. “Небольшие классы”, такие как
Scale
, могут оказаться очень важными для упрощения кода и устранения лишних повторов — тем самым они повышают читабельность и увеличивают шансы на создание правильной программы.

Для того чтобы графики были более ясными, мы пометили их и раскрасили в разные цвета.

Text children_label(Point(20,children.point(0).y),"age 0-15");

children.set_color(Color::red);

children_label.set_color(Color::red);

Text adults_label(Point(20,adults.point(0).y),"age 15-64");

adults.set_color(Color::blue);

adults_label.set_color(Color::blue);

Text aged_label(Point(20,aged.point(0).y),"age 65+");

aged.set_color(Color::dark_green);

aged_label.set_color(Color::dark_green);

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

Shape
с объектом класса
Window
и передать управление системе графического пользовательского интерфейса (см. раздел 15.2.3).

win.attach(children);

win.attach(adults);

win.attach(aged);

win.attach(children_label);

win.attach(adults_label);

win.attach(aged_label);

win.attach(x);

win.attach(y);

win.attach(current_year);

gui_main;

Весь код можно поместить в функцию

main
, хотя мы предпочитаем использовать вспомогательные классы
Scale
и
Distribution
, а также оператор ввода, определенный в классе
Distribution
.

Если вы забыли, что мы делаем, посмотрите на рисунок.

Задание

Задание, связанное с построением графиков.

1. Создайте пустое окно 600x600 с меткой “Графики функций”.

2. Создайте проект, свойства которого заданы в руководстве по инсталляции библиотеки

FLTK
.

3. Поместите файлы

Graph.cpp
и
Window.cpp
в ваш проект.

4. Добавьте оси x и y длиной по 400 пикселей каждая, с метками “1 == 20 пикселей” и делениями длиной по 20 пикселей. Оси должны пересекаться в точке (300,300).

5. Сделайте обе оси красными.

В дальнейшем используйте отдельный объект класса

Shape
для построения каждой из перечисленных ниже функций.

1. Постройте график функции

double one(double x) { return 1; }
в диапазоне [–10,11] с началом координат (0,0) в точке (300,300), используя 400 точек и не делая масштабирования (в окне).

2. Измените рисунок, применив масштабирование по оси x с коэффициентом 20 и по оси y с коэффициентом 20.

Поделиться с друзьями: