Отображение графической информации в Delphi

«Отображение графической информации в Delphi»
План темы:
Способы вывода графической информации в Способы вывода графической информации в DelphiСпособы вывода графической информации в Delphi.
Отображение картинок.
Отображение геометрических фигур.
Построение графиков и диаграмм.

1. Способы вывода графической информации.
В Delphi существует несколько способов вывода графической информации: Вывод заранее приготовленных изображений (компоненты Image, Shape);
Построение графиков и диаграмм (компонент Chart и др.);
Формирование изображений программным способом (объект Canvas).

Отображение картинок.
Отображение картинок при помощи компонента Image мы рассмотрели в одной из предыдущих тем.
Здесь мы рассмотрим пример осуществления простейшей анимации путем периодического изменения отображаемой картинки в компонентах Image.
Перейти на примерПерейти на пример.

Отображение геометрических фигур.
Отображение простейших геометрических фигур на форме обеспечивает компонент Shape.

Отображение геометрических фигур.
Основные свойства компонента Shape:

Отображение геометрических фигур.
Из нескольких компонентов Shape можно создавать несложные рисунки.
Программно изменяя положение (.Left, .Top) размер (.Width, .Height) и цвет (Brush.Color) компонентов Shape в рисунке можно осуществить элементы простейшей анимации.
Рассмотреть пример.

Построение графиков и диаграмм.
Диаграммы предназначены для более наглядного представления массивов численных данных, их визуального отображения и анализа. Пример.
Для построения диаграмм в Delphi имеется несколько компонентов, один из них компонент Chart (раздел TeeChart Std).

Построение графиков и диаграмм.
Вид компонента Chart после его установки на форму:

Построение графиков и диаграмм.
Кроме «Инспектора объектов» доступ к свойствам компонента Chart можно получить открыв специальное окно диалога (правая кнопка на компоненте \ Edit Chart…)
Добавить серию данных
Изменить тип диаграммы

Построение графиков и диаграмм.
Выбор типа диаграммы:

Построение графиков и диаграмм.
Установка свойств для осей координат (Axis):

Построение графиков и диаграмм.
Данные для отображения обычно передаются в Chart программно, пример: Series1.Clear; {очистить серию}
for i:=1 to N do
Series1.addxy(i, A[i], ‘’, clGreen);
Значение по оси X
Значение по оси Y
Подпись
по оси X
Цвет данных на диаграмме
Рассмотреть пример построения графика функцииРассмотреть пример построения графика функции y = Sin(x)

Далее:
Лабораторная работа № 13.1.
«Отображение картинок и геометрических фигур, их анимация».
Задание:
1) Разработать приложение для осуществления простейшей анимации путем периодического изменения отображаемой картинки в компонентах Image. (Количество картинок не менее трех, картинки подобрать самостоятельно).

Задание:
2) Придумать и нарисовать рисунок из компонентов Shape. Программно изменяя положение, размер или цвет компонентов Shape в рисунке осуществить элементы простейшей анимации.