Перейти к содержанию

Интерфейс: различия между версиями

Материал из Химсофт Вики
← Предыдущая правка
Sidminik (обсуждение | вклад)
Бюрократы, Администраторы интерфейса, Скрывающие, Администраторы
4171 правка
 
(не показаны 122 промежуточные версии этого же участника)
Строка 1: Строка 1:
==Основные окна==
<div style="background-color: #fff0f3; border-left: 5px solid #dc3545; padding: 15px; margin: 10px 0; color: #a71d2a;">
<b>Внимание!</b><br/>
Это описание - для старой версии дизайнера документов (<b><i>AR</i></b>).<br/>
В ближайшее время страница будет обновлена на описание настройки в <b><i>FastReports</i></b>.
</div>
Для работы в Дизайнере документов используются два окна:
Для работы в Дизайнере документов используются два окна:
*Приветственное окно
*Приветственное окно
*Основное окно
*Основное окно


===Приветственное окно===
==Приветственное окно==


'''Приветственное окно''' - стартовое окно для работы с шаблонами документов, которое разделено на две функциональные зоны:  
'''Приветственное окно''' - стартовое окно для работы с шаблонами документов, которое разделено на две функциональные зоны:  
Строка 16: Строка 9:
*список истории (справа)
*список истории (справа)


[[Файл:hello.png|center]]
[[Файл:hello.png|center|border]]


'''Панель основных действий'''
'''Панель основных действий'''
Строка 26: Строка 19:
*<code>Недавние</code> - Список файлов, с которыми осуществлялась работа в последнее время.
*<code>Недавние</code> - Список файлов, с которыми осуществлялась работа в последнее время.


===Основное окно===
==Основное окно==
 
Основное окно утилиты "Дизайнер документов" имеет следующие блоки элементов интерфейса:
Основное окно утилиты "Дизайнер документов" имеет следующие блоки элементов интерфейса:
{| width="100%" style="background:transparent;"
{| width="100%" style="background:transparent;"
| width="50%" valign="top" |
| width="50%" valign="top" |
*<code>1</code> - Меню "Файл"
*<code>1</code> - Главное меню
*<code>2</code> - Вкладки
*<code>2</code> - Вкладки
*<code>3</code> - Элементы отчета
*<code>3</code> - Панель инструментов
*<code>4</code> - Группировка элементов
*<code>4</code> - Данные / Дерево отчета
*<code>5</code> - Слои
*<code>5</code> - Панель объектов отчета
| width="50%" valign="top" |
| width="50%" valign="top" |
*<code>6</code> - Холст
*<code>6</code> - Структура бэндов
*<code>7</code> - Нижняя панель
*<code>7</code> - Макет отчёта
*<code>8</code> - Дерево объектов
*<code>8</code> - Свойства объектов
*<code>9</code> - Свойства объектов
*<code>9</code> - Страницы отчёта
*<code>10</code> - Панель масштабирования макета отчёта
|}
|}


[[Файл:main.png|1200px|center]]
[[Файл:main.png|1200px|center]]


==Меню "Файл"==
==Главное меню==
 
<div style="background-color: #fff0f3; border-left: 5px solid #dc3545; padding: 15px; margin: 10px 0; color: #a71d2a;">
<b>Внимание!</b><br/>
Это описание - для старой версии дизайнера документов (<b><i>AR</i></b>).<br/>
В ближайшее время страница будет обновлена на описание настройки в <b><i>FastReports</i></b>.
</div>
 
'''Меню «Файл»''' - типовое меню с перечнем основных команд для работы с документами.


[[Файл:file.png|center]]
'''Главное меню''' - типовое меню с перечнем основных команд для работы с документами.


Справа от названий команд указаны «горячие клавиши» (сочетания клавиш на клавиатуре), которые позволяют выполнять эти действия мгновенно, не заходя в меню.
Справа от названий команд указаны «горячие клавиши» (сочетания клавиш на клавиатуре), которые позволяют выполнять эти действия мгновенно, не заходя в меню.
Строка 60: Строка 47:
Слева расположены иконки, визуально облегчающие поиск нужной функции.
Слева расположены иконки, визуально облегчающие поиск нужной функции.


===Основные элементы и команды===
Состоит из разделов: <code>Файл</code>, <code>Параметры</code> и <code>Помощь</code>.
*<code>Новый документ (Ctrl+N)</code> - Создание пустого файла.
*<code>Открыть (Ctrl+O)</code> - Выбор и загрузка уже существующего файла с диска.
*<code>Сохранить (Ctrl+S)</code> - Перезапись текущего открытого файла с внесенными изменениями.
*<code>Сохранить как... (Ctrl+Shift+S)</code> - Сохранение копии файла под новым именем или в другую папку.


===Секция экспорта===
===Меню «Файл»===
Позволяет преобразовать текущий документ в другие популярные форматы:


*<code>Экспорт в .docx</code> - Формат текстовых документов Microsoft Word.
[[Файл:file.png|center]]
*<code>Экспорт в .xlsx</code> - Формат электронных таблиц Microsoft Excel.
*<code>Экспорт в .pdf</code> - Универсальный формат для просмотра и печати.


===Завершение работы===
*<code>Новая вкладка (Ctrl+N)</code> - создает новую вкладку;
*<code>Выход (Alt+X)</code> - Закрытие программы.
*<code>Новый шаблон отчёта (Ctrl+Alt+N)</code> - создает новый шаблон отчета;
*<code>Открыть (Ctrl+O)</code> - позволяет выбрать и загрузить уже существующий файл с диска;
*<code>Сохранить (Ctrl+S)</code> - перезаписывает текущий открытый файл с внесенными изменениями;
*<code>Сохранить как... (Ctrl+Alt+S)</code> - сохраняет копию файла под новым именем или в другую папку;
*<code>Выход (Alt+F4)</code> - завершение работы программы.


===Меню «Параметры»===
*<code>Параметры</code> - открывает диалоговое окно настройки подключений.


==Панель вкладок==
===Меню «Помощь»===
<div style="background-color: #fff0f3; border-left: 5px solid #dc3545; padding: 15px; margin: 10px 0; color: #a71d2a;">
*<code>О программе</code> - содержит основные сведения о программном продукте.
<b>Внимание!</b><br/>
 
Это описание - для старой версии дизайнера документов (<b><i>AR</i></b>).<br/>
==Вкладки==
В ближайшее время страница будет обновлена на описание настройки в <b><i>FastReports</i></b>.
</div>


'''Панель вкладок''' - используется для быстрого переключения между несколькими открытыми шаблонами.
'''Вкладки''' - используются для быстрого переключения между несколькими открытыми шаблонами.


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


[[Файл:tabs.png|center]]
[[Файл:tabs.png|center|border]]


===Описание элементов===
===Элементы===
*'''Название вкладки''' - Отображает имя открытого файла. Например, «Новый шаблон» или «Без названия» (присваивается автоматически, если файл ещё не был сохранён).
*'''Название вкладки''' - отображает имя открытого файла, например, «Новый шаблон» или «Без названия» (присваивается автоматически, если файл ещё не был сохранён);
*'''Активная вкладка''' - Выделена белым фоном и рамкой (в данном случае — «Без названия»). Это означает, что содержимое именно этого документа сейчас отображается на основном экране.
*'''Активная вкладка''' - содержимое именно этого документа сейчас отображается на основном экране;
*'''Неактивная вкладка''' - Имеет серый фон (в данном случае - «Новый шаблон»). Она открыта в фоновом режиме.
*'''Неактивная вкладка''' - открыта в фоновом режиме.
*'''Кнопка закрытия''' (красный крестик) - Расположена справа на каждой вкладке. Позволяет закрыть конкретный документ, не завершая работу всей программы.
*'''Кнопка закрытия''' (красный крестик) - расположена справа на каждой вкладке и позволяет закрыть конкретный документ, не завершая работу всей программы.


==Панель инструментов==
==Панель инструментов==
<div style="background-color: #fff0f3; border-left: 5px solid #dc3545; padding: 15px; margin: 10px 0; color: #a71d2a;">
<b>Внимание!</b><br/>
Это описание - для старой версии дизайнера документов (<b><i>AR</i></b>).<br/>
В ближайшее время страница будет обновлена на описание настройки в <b><i>FastReports</i></b>.
</div>


===BandedList (Секционный список)===
Это служебное меню позволяет включать и выключать отображение нужных панелей на рабочем пространстве.
'''BandedList''' (''Секционный список'') - это область данных с разделами произвольной формы, в которой можно размещать элементы управления отчетом.  


Благодаря «Деталям» (Detail), которые дублируются для каждой строки набора данных, этот элемент по структуре напоминает классический конструктор отчетов.
[[Файл:top_bar.png|center|border]]


===BarCode (Штрих-код)===
<div style="background-color: #fff3cd; border-left: 5px solid #ffc107; padding: 15px; margin: 10px 0;">
'''BarCode''' (''Штрих-код'') - сканируемые штрих-коды в любом из 39 популярных стандартов (символик).
'''Внимание!'''  


Поддерживает привязку к данным, настройку ширины полос, вращение, «тихие зоны», управление подписями и автоматический расчет контрольной суммы.
При выключении всех разделов панели меню - вся панель пропадает и ее невозможно вернуть даже при перезагрузке программы!
</div>


===Bullet (Пуля)===
===Стандартная===
'''Bullet''' (''Пуля'') - простой в использовании линейный индикатор, который является хорошей альтернативой использованию панели мониторинга для визуализации данных.  
[[Файл:standart_bar.png|center|border]]


Позволяет визуализировать прогресс относительно цели, задавая качественные диапазоны (плохо, удовлетворительно, хорошо) и настраивая метки.
Содержит кнопки для управления структурой отчета и файлами (слева направо):
*<code>Новый отчет</code> — создание чистого бланка или выбор мастера шаблонов;
*<code>Открыть отчет</code> — загрузка ранее сохраненного файла отчета (.fr3);
*<code>Сохранить отчет</code> — запись текущих изменений в файл;
*<code>Просмотр</code> (Preview) — запуск отчета на выполнение для просмотра готового результата с данными;
*<code>Параметры / Источники данных</code> — настройка подключения к базам данных и выбор таблиц;
*<code>Новая страница отчета</code> — добавление дополнительной вкладки (страницы) в текущий шаблон;
*<code>Новая страница диалога</code> — создание формы диалога для ввода параметров перед формированием отчета;
*<code>Удалить страницу</code> — удаление текущей выбранной страницы из шаблона;
*<code>Параметры страницы</code> — настройка размеров листа, полей (отступов) и ориентации (альбомная/книжная);
*<code>Вырезать</code> — удаление выделенного объекта с сохранением его в буфер обмена;
*<code>Копировать</code> — копирование выделенного объекта в буфер обмена;
*<code>Вставить</code> — добавление объекта из буфера обмена на страницу;
*<code>Копирование формата</code> (Формат по образцу) — перенос стилей оформления (шрифт, цвет, рамки) с одного объекта на другой;
*<code>Отменить</code> — отмена последнего выполненного действия в редакторе
*<code>Повторить</code> — возврат отмененного действия.


===Chart (Диаграмма)===
===Текст===
'''Chart''' (''Диаграмма'') - представляет собой область графических данных для визуализации данных в различных стилях с поддержкой 3D-эффектов.  
[[Файл:text_bar.png|center|border]]


Предлагает обширный выбор типов диаграмм и гибкие возможности оформления для детальной настройки внешнего вида.
Предназначена для оформления текстовых полей (объектов «Memo»):
*<code>Выбор шрифта</code> (на скриншоте Arial) — изменение гарнитуры и семейства шрифта;
*<code>Размер шрифта</code> (на скриншоте 10) — изменение размера (кегля) букв;
*<code>B</code> (Bold / Полужирный) — делает текст жирным;
*<code>I</code> (Italic / Курсив) — делает текст наклонным;
*<code>U</code> (Underline / Подчеркнутый) — добавляет нижнее подчеркивание текста;
*<code>Горизонтальное выравнивание</code> (блок из 4 кнопок):
::*По левому краю;
::*По центру;
::*По правому краю;
::*По ширине (растягивание текста по границам блока);
*<code>Вертикальное выравнивание</code> (блок из 3 кнопок):
::*По верхнему краю;
::*По центру (вертикально);
::*По нижнему краю;
*<code>Цвет текста</code> — выбор цвета букв из палитры;
*<code>Цвет заливки</code> — выбор цвета фона внутри текстового контейнера;
*<code>Поворот текста</code> — изменение угла наклона текста (0, 90, 180, 270 градусов).


===CheckBox (Флажок)===
===Рамка и заливка===
'''CheckBox''' (''Флажок'') - может отображать логические значения (истина/ложь) или состояние свойства Checked.  
[[Файл:border_fill_bar.png|center|border]]


Позволяет выводить рядом статический текст для пояснения значения.
Отвечает за отрисовку табличных границ и внешнего вида ячеек:
*<code>Все границы</code> — включает отображение рамки со всех четырёх сторон объекта;
*<code>Верхняя граница</code> — включает/выключает только верхнюю линию;
*<code>Нижняя граница</code> — включает/выключает только нижнюю линию;
*<code>Левая граница</code> — включает/выключает только левую вертикальную линию;
*<code>Правая граница</code> — включает/выключает только правую вертикальную линию;
*<code>Без границ</code> — полностью убирает все контуры вокруг объекта;
*<code>Тень</code> — добавляет декоративное смещение (эффект объемной тени) для объекта;
*<code>Цвет рамки</code> (иконка с карандашом) — открывает палитру для изменения цвета линий контура;
*<code>Стиль заливки</code> (иконка с текстурой) — позволяет выбрать тип заполнения (сплошной цвет, градиент или штриховка);
*<code>Стиль линии</code> (выпадающее меню) — выбор типа линии (сплошная, пунктирная, штриховая и т.д.);
*<code>Толщина линии</code> (выпадающее меню) — регулировка ширины линий рамки в пикселях.


===Container (Контейнер)===
===Разметка===
'''Container''' (''Контейнер'') - графический элемент, служащий логической и визуальной оболочкой для группировки других компонентов.  
[[Файл:mark_bar.png|center|border]]


Сам контейнер не имеет прямой привязки к данным.
Эта панель используется для точного взаимного выравнивания, распределения и изменения размеров группы выделенных объектов (кнопки сгруппированы по назначению слева направо):
*<code>Сетка и привязка</code>:
::*<code>Выравнивать по сетке</code> — принудительно сдвигает объекты так, чтобы их углы совпадали с узлами координатной сетки;
::*<code>Привязать к сетке</code> — включает режим «магнита», при котором объекты при перемещении автоматически притягиваются к сетке;
*<code>Выравнивание сторон</code> (относительно первого выделенного объекта):
::*<code>По левому краю</code> — выравнивает левые границы всех выделенных объектов по одной линии;
::*<code>По правому краю</code> — выравнивает правые границы объектов
::*<code>По верхнему краю</code> — выравнивает объекты по их верхней границе;
::*<code>По нижнему краю</code> — выравнивает объекты по их нижней границе;
::*<code>По центру горизонтально</code> — центрирует объекты по их вертикальной оси;
::*<code>По центру вертикально</code> — центрирует объекты по их горизонтальной оси;
*<code>Подгонка размеров</code> (приведение к одному размеру):
::*<code>Одинаковая ширина</code> — делает все выделенные объекты такими же по ширине, как и эталонный (первый выделенный);
::*<code>Одинаковая высота</code> — делает объекты равными по высоте;
::*<code>Одинаковый размер</code> — одновременно делает объекты одинаковыми и по ширине, и по высоте;
*<code>Распределение</code> (выравнивание промежутков между объектами):
::*<code>Распределить по горизонтали</code> — делает одинаковые расстояния (просветы) между объектами в ряду;
::*<code>Распределить по вертикали</code> — делает одинаковые расстояния между объектами в столбце;
*<code>Центрирование на странице</code>:
::*<code>Центрировать по горизонтали на странице</code> — перемещает объект(ы) строго в центр листа по горизонтали;
::*<code>Центрировать по вертикали на странице</code> — перемещает объект(ы) строго в центр листа по вертикали;
*<code>Шаг и сдвиг</code> (ручная доводка):
::*Позволяют сдвигать или изменять размер объектов на один пиксель (или шаг сетки) в разные стороны.


===[[Форматированный текст|FormattedText (Форматированный текст)]]===
===Стиль===
[[Форматированный текст|'''FormattedText''' (''Форматированный текст'')]] - элемент отображения текстовых данных со сложным оформлением (например, в формате HTML).
[[Файл:style_bar.png|center|border]]


Позволяет выводить данные, сохраняя исходное форматирование шрифтов, стилей и списков.
Используется для быстрого применения готового оформления к текстовым и графическим блокам:
*<code>Выпадающий список</code> (Select style) — позволяет выбрать один из заранее созданных стилей (например, стиль для заголовков, четных/нечетных строк таблиц). Стиль может включать в себя настройки шрифта, цвета, заливки и рамок.
*<code>Редактор стилей</code> (иконка с листом и карандашом) — открывает диалоговое окно для создания, удаления или изменения пользовательских стилей текущего отчета.


===Image (Изображение)===
<div style="background-color: #fff3cd; border-left: 5px solid #ffc107; padding: 15px; margin: 10px 0;">
'''Image''' (''Изображение'') - позволяет указать любой файл изображения для отображения из
'''Внимание!'''  
*внешнего источника
*базы данных
*встроенного изображения


''Поддерживаемые форматы:'' <code>png</code>, <code>jpg</code>, <code>gif</code>, <code>svg</code>.  
Стиль не всегда ведет себя предсказуемым образом.  


''Не поддерживаются:'' <code>webp</code>.
На этапе применения стиля проблем не возникает.


===InputField (Поле ввода)===
На этапе редакции элемента с примененным стилем элемент "запоминает" настройки стиля и не меняет их. Для смены параметра приходится выставлять стиль в положение "Нет стиля".
'''InputField''' (''Поле ввода'') - предназначено для создания заполняемых полей в отчетах, которые становятся интерактивными при экспорте в формат PDF.
</div>
 
'''Основное назначение:'''
*Создание PDF-форм: В экспортированном PDF-файле эти поля превращаются в формы, в которые пользователь может вводить данные или ставить отметки.
*Поведение в просмотре: В стандартном окне просмотра элемент отображается как обычный текст; редактируемым он становится только после экспорта.
 
===Line (Линия)===
'''Line''' (''Линия'') - декоративный элемент для визуального разделения областей отчета.
 
Поддерживает настройку длины, цвета и стиля штриха, помогая структурировать информацию и придавать отчету завершенный вид.
 
===List (Список)===
'''List''' (''Список'') - область данных произвольной формы, выступающая контейнером для других элементов.
 
Дублирует содержимое для каждой записи набора данных, позволяя создавать гибкие макеты карточного типа.
 
===Map (Карта)===
'''Map''' (''Карта'') - визуализирует бизнес-данные на географическом фоне.
 
Поддерживает различные типы карт для наглядного отображения информации в привязке к локациям.
 
===Shape (Форма)===
'''Shape''' (''Форма'') - графический элемент ля визуального выделения зон.
 
В отличие от Контейнера, не предназначен для размещения других элементов управления внутри себя.
 
===Sparkline (Спарклайн)===
'''Sparkline''' (''Спарклайн'') - отображает динамику данных с течением времени на графике, который достаточно мал для использования в качестве встроенного, и имеет высоту, соответствующую окружающему тексту.  
 
Можно выбрать один из типов спарклайнов: линейный, площадной, столбчатый и усиковый.
 
===Subreport (Вложенный отчет)===
'''Subreport''' (''Вложенный отчет'') - позволяет встроить отдельный отчет в основной.
 
Поддерживает передачу параметров из главного отчета для фильтрации данных во вложенном.
 
===[[Таблица|Table (Таблица)]]===
[[Таблица|'''Table''' (''Таблица'')]] - классическая область данных для представления информации в строгом табличном формате.
 
Позволяет структурировать отчет с помощью строк и столбцов с четкой сеткой.
 
===TableOfContents (Таблица содержаний)===
'''TableOfContents''' (''Таблица содержаний'') - автоматически формирует иерархическую схему документа на основе закладок и меток.
 
Отображает структуру отчета с номерами страниц, обеспечивая быструю навигацию по разделам.


===[[Табликс|Tablix (Табликс)]]===
===Полигон===
[[Табликс|'''Tablix''' (''Табликс'')]] - гибкий элемент, сочетающий в себе возможности таблицы и матрицы.
[[Файл:polygon_bar.png|center|border]]


Позволяет отображать данные в ячейках с динамическим расширением как по горизонтали (столбцы), так и по вертикали (строки).
Эта панель становится активной при работе со сложным графическим объектом «Полигон» (многоугольник) и служит для редактирования его формы по точкам:
*<code>Перемещение объекта / Указатель</code> — стандартный режим выбора и переноса всего полигона целиком;
*<code>Добавить точку</code> — позволяет кликом мыши поставить новую вершину на контуре многоугольника для усложнения его формы;
*<code>Редактировать линии</code> (Режим кривых / Безье) — переключает тип соединительных линий между точками (прямые линии или сглаженные кривые);
*<code>Изменить направление контура / Отразить</code> — инвертирует порядок обхода точек многоугольника;
*<code>Удалить точку</code> — удаляет выделенную вершину (узел) с контура геометрической фигуры.


===[[Текстовое поле|TextBox (Текстовое поле)]]===
==Данные==
[[Текстовое поле|'''TextBox''' (''Текстовое поле'')]] - базовый элемент для вывода текста и данных.  
'''Окно "Данные"''' - позволяет:
*управлять всеми элементами данных;
*вставлять элементы данных в отчет путем перетаскивания их на страницу отчета.  


Является компонентом по умолчанию для ячеек таблиц и табликсов, поддерживающим форматирование и выражения.
Окно содержит:
*разделы <code>Системные переменные</code>, <code>Итоги</code>, <code>Параметры</code> и <code>Функции</code> - доступны по умолчанию при открытии новой вкладки;
*раздел <code>Источники данных</code> - появляется только после создания источника данных (подключения к БД).


==Панель группировки==
[[Файл:data_window.png|center|border]]
<div style="background-color: #fff0f3; border-left: 5px solid #dc3545; padding: 15px; margin: 10px 0; color: #a71d2a;">
<b>Внимание!</b><br/>
Это описание - для старой версии дизайнера документов (<b><i>AR</i></b>).<br/>
В ближайшее время страница будет обновлена на описание настройки в <b><i>FastReports</i></b>.
</div>


'''Панель группировки''' (''Group Editor'') - позволяет визуально настраивать, как данные будут группироваться и повторяться в отчете.
Все операции с элементами окна выполняются с помощью панели инструментов и меню "Действия":


[[Файл:groups_panel.png|center]]
[[Файл:Data_window_actions.png|center|border]]


===Row Groups (Группы строк)===
Часть этих операций дублируется в контекстном меню элементов окна "Данные".


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


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


===Column Groups (Группы столбцов)===
'''Дерево отчета''' - панель с древовидной структурой, которая служит центром управления всеми элементами отчета.


Определяют горизонтальную структуру (актуально для табликсов).  
[[Файл:explorer.png|center|border]]


Столбцы будут динамически создаваться слева направо для каждого значения в группе.
Позволяет:
*выбирать любой элемент в этом дереве, чтобы мгновенно увидеть и изменить его настройки в панели свойств (<code>Properties</code>);
*выполнять с элементами дерева доступные для них действия через контекстное меню (правой кнопкой мыши).


==Панель слоев==
==Панель объектов отчета==
<div style="background-color: #fff0f3; border-left: 5px solid #dc3545; padding: 15px; margin: 10px 0; color: #a71d2a;">
<b>Внимание!</b><br/>
Это описание - для старой версии дизайнера документов (<b><i>AR</i></b>).<br/>
В ближайшее время страница будет обновлена на описание настройки в <b><i>FastReports</i></b>.
</div>


'''Панель слоев''' - инструмент для организации элементов отчета в логические группы, управления их видимостью и поведением как на этапе проектирования, так и при выполнении.
Имеет вертикальное расположение и содержит все [[Объекты отчета | доступные для отчета элементы]].


[[Файл:layers_panel.png|center]]
==Структура бэндов==


===Верхняя панель (иконки)===
'''Бэнд''' (англ. ''band'' – полоска) – это объект, который размещается непосредственно на странице отчета и является контейнером для остальных объектов, таких, как <code>Текст</code>, <code>Рисунок</code> и прочих.
*<code>Зеленый плюс</code> (<code>+</code>) — добавить новый слой в отчет.
*<code>Черный крестик</code> (<code>x</code>) — удалить выбранный слой (слой default удалить нельзя).
*<code>Иконка с одним желтым квадратом на первом плане</code> — перемещение выбранного слоя выше.
*<code>Иконка с двумя белыми квадратами на первом плане</code> — перемещение выбранного слоя ниже.


===Колонки в таблице слоев===
Для использования доступно [[Бэнды | 13 типов бэндов]].
*<code>Layer</code> (''Слой'') - название слоя. Выделенная синим строка (в данном случае default) указывает на активный слой. Все новые элементы, добавляемые на холст, будут привязаны именно к нему.
*<code>Visibility</code> (''Видимость'') - управляет свойством Designer Visible. Если галочка снята, все элементы этого слоя станут невидимыми в дизайнере, что удобно при работе с многослойными макетами.
*<code>Lock</code> (''Блокировка'') - управляет свойством Designer Lock. При активации элементы этого слоя нельзя будет случайно переместить или изменить их размер мышкой на холсте.
*<code>Field Selector Availability</code> (''Доступность выбора полей'') - включает или отключает выпадающий список выбора полей (Field Selector) для текстовых полей (TextBox), принадлежащих этому слою. По умолчанию эта функция включена.


===Основные правила работы===
==Макет отчёта==
*Можно редактировать свойства или положение только тех объектов, которые находятся на текущем активном слое.
*Слой <code>default</code> создается автоматически, его невозможно переименовать или удалить.


==Холст==
'''Макет отчёта''' (''рабочее поле, холст'') - визуальный редактор, предназначенный для размещения элементов управления и настройки структуры отчета.
<div style="background-color: #fff0f3; border-left: 5px solid #dc3545; padding: 15px; margin: 10px 0; color: #a71d2a;">
<b>Внимание!</b><br/>
Это описание - для старой версии дизайнера документов (<b><i>AR</i></b>).<br/>
В ближайшее время страница будет обновлена на описание настройки в <b><i>FastReports</i></b>.
</div>
 
'''Холст''' (''рабочее поле, дизайнер макета'') - визуальный редактор, предназначенный для размещения элементов управления и настройки структуры отчета.


===Основные компоненты рабочего поля===
===Основные компоненты рабочего поля===
*<code>Линейки</code> - расположены сверху и слева от рабочего поля; используются для измерения размеров элементов и установки отступов.
*<code>Сетка</code> - фоновая разметка, которая помогает точно позиционировать элементы; параметры сетки (шаг, привязка) можно настроить для удобства выравнивания объектов.
*<code>Сетка</code> - фоновая разметка, которая помогает точно позиционировать элементы; параметры сетки (шаг, привязка) можно настроить для удобства выравнивания объектов.
*<code>Линейки</code> - расположены сверху и слева от рабочего поля; используются для измерения размеров элементов и установки отступов.
*<code>Бэнды</code> - горизонтальные разделы, в точности повторяющие структуру бэндов соответствующего раздела.  
*<code>Секции</code> - в стандартном макете поле разделено на логические области; по умолчанию создается секция <code>ReportSection1</code> и отображается кнопка для создания новой вкладки <code>New</code>.
*<code>Page Header</code> и <code>Page Footer</code> - содержимое, которое повторяется в начале и конце каждой страницы.
*<code>Detail</code> - основная область данных, которая дублируется для каждой записи из источника.


===Взаимодействие===
===Взаимодействие===
*<code>Перетаскивание</code> - элементы управления (текстовые поля, таблицы, графики) переносятся из панели инструментов прямо на рабочее поле.
*<code>Перетаскивание</code> - объекты отчета (текстовые поля, таблицы и др.) переносятся из панели инструментов прямо на рабочее поле.
 
*<code>Копировать</code> / <code>Вырезать</code> / <code>Вставить</code> - стандартные методы взаимодействия с объектами отчёта.
==Нижняя панель==
<div style="background-color: #fff0f3; border-left: 5px solid #dc3545; padding: 15px; margin: 10px 0; color: #a71d2a;">
<b>Внимание!</b><br/>
Это описание - для старой версии дизайнера документов (<b><i>AR</i></b>).<br/>
В ближайшее время страница будет обновлена на описание настройки в <b><i>FastReports</i></b>.
</div>
 
'''Нижняя панель''' (''строка состояния, панель режимов'') - содержит инструменты для переключения рабочих пространств и управления визуализацией макета.
 
[[Файл:bottom_panel.png|center]]


==Вкладки режимов работы (кнопки слева)==
==Страницы отчета==
*<code>Designer</code> - основной визуальный редактор, где проектируется структура отчета.
*<code>Script</code> - окно для написания программного кода на VB.NET, который позволяет динамически изменять данные или оформление в процессе генерации отчета.
*<code>[[Просмотр готового отчета|Preview]]</code> - режим предварительного просмотра, отображающий отчет с реальными данными (наподобие того, как он будет выглядеть при печати или экспорте).


==Группа инструментов визуализации (центральные кнопки)==
Раздел представляет собой панель вкладок, в которой могут находиться следующие элементы:
*<code>Dimension Lines</code> (''размерные линии'') - отображает вспомогательные линии с размерами отступов и расстояний между элементами при их перемещении.
*[[Scripts |<code>код</code> (''вкладка кода'', ''скрипт'', ''script'')]] - окно для написания программного кода на языке программирования <code>C#</code>; всегда является самой первой вкладкой, не может быть перемещена или удалена;
*<code>Hide Grid</code> (''скрыть сетку'') - полностью отключает отображение сетки на рабочем поле.
*[[Страницы отчета| собственно <code>страницы отчёта</code>]] - при создании отчета всегда создается минимум одна страница <code>Page1</code>; пока страница является единственной, она также не может быть удалена;
*<code>Show Dots</code> (''показать точки'') - отображает сетку в виде отдельных точек на пересечении линий.
*<code>диалоговые формы отчёта</code> - не являются обязательными элементами, добавляются по необходимости.
*<code>Show Lines</code> (''показать линии'') - отображает сетку в виде сплошных горизонтальных и вертикальных линий.
*<code>Snap Lines</code> (''привязка к линиям'') - включает/выключает направляющие, которые помогают выравнивать элементы относительно границ других объектов.
*<code>Snap to Grid</code> (''привязка к сетке'') - заставляет границы элементов автоматически «примагничиваться» к узлам сетки при перемещении или изменении размера.
*<code>Select Mode</code> (''режим выделения'') - стандартный режим курсора, позволяющий выбирать, перемещать и редактировать элементы макета.
*<code>Pan Mode</code> (''режим панорамирования'') - инструмент «Рука», позволяющий быстро перемещаться (прокручивать) по рабочему полю, «захватывая» его мышью.


==Инструмент масштабирования (справа)==
==Панель масштабирования макета отчёта==
Позволяет быстро увеличивать или уменьшать рабочую область для детальной проработки мелких элементов. Включает в себя:
Представлена следующими элементами:
*Числовое значение (например, 130%)  
*<code>По ширине страницы</code> — кнопка автоматически растягивает или сжимает отображение страницы отчета так, чтобы она полностью заняла все рабочее пространство окна по ширине;
*Ползунок с кнопками <code>+</code> и <code>–</code> .
*<code>Вся страница</code> — кнопка масштабирует отчет таким образом, чтобы страница полностью (целиком от верхнего до нижнего края) поместилась на экране;
*<code>Масштаб 100%</code> — кнопка устанавливает отображение страницы в её реальном (стопроцентном) размере, как она будет выглядеть при печати на бумаге;
*<code>100%</code> — информационное поле, показывающее текущий точный уровень масштабирования в процентах;
*<code>-</code> (''минус'') — кнопка уменьшения масштаба страницы (отдаление);
*<code>Ползунок масштаба</code> (''Zoom'') — инструмент для плавной регулировки масштаба вручную; перетаскивание бегунка влево уменьшает страницу, вправо — увеличивает;
*<code>+</code> (''плюс'') — кнопка увеличения масштаба страницы (приближение).

Текущая версия от 10:02, 13 октября 2026

Для работы в Дизайнере документов используются два окна:

  • Приветственное окно
  • Основное окно

Приветственное окно

Приветственное окно - стартовое окно для работы с шаблонами документов, которое разделено на две функциональные зоны:

  • панель основных действий (слева)
  • список истории (справа)

Панель основных действий

  • Новый шаблон - Команда для создания абсолютно нового бланка или формы «с нуля».
  • Открыть шаблон с компьютера - Позволяет выбрать файл шаблона, который уже сохранен в памяти вашего ПК или на флешке.
  • Открыть шаблон из базы - Загрузка шаблона из общего сетевого хранилища или встроенной библиотеки программы.

Список истории

  • Недавние - Список файлов, с которыми осуществлялась работа в последнее время.

Основное окно

Основное окно утилиты "Дизайнер документов" имеет следующие блоки элементов интерфейса:

  • 1 - Главное меню
  • 2 - Вкладки
  • 3 - Панель инструментов
  • 4 - Данные / Дерево отчета
  • 5 - Панель объектов отчета
  • 6 - Структура бэндов
  • 7 - Макет отчёта
  • 8 - Свойства объектов
  • 9 - Страницы отчёта
  • 10 - Панель масштабирования макета отчёта

Главное меню

Главное меню - типовое меню с перечнем основных команд для работы с документами.

Справа от названий команд указаны «горячие клавиши» (сочетания клавиш на клавиатуре), которые позволяют выполнять эти действия мгновенно, не заходя в меню.

Слева расположены иконки, визуально облегчающие поиск нужной функции.

Состоит из разделов: Файл, Параметры и Помощь.

Меню «Файл»

  • Новая вкладка (Ctrl+N) - создает новую вкладку;
  • Новый шаблон отчёта (Ctrl+Alt+N) - создает новый шаблон отчета;
  • Открыть (Ctrl+O) - позволяет выбрать и загрузить уже существующий файл с диска;
  • Сохранить (Ctrl+S) - перезаписывает текущий открытый файл с внесенными изменениями;
  • Сохранить как... (Ctrl+Alt+S) - сохраняет копию файла под новым именем или в другую папку;
  • Выход (Alt+F4) - завершение работы программы.

Меню «Параметры»

  • Параметры - открывает диалоговое окно настройки подключений.

Меню «Помощь»

  • О программе - содержит основные сведения о программном продукте.

Вкладки

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

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

Элементы

  • Название вкладки - отображает имя открытого файла, например, «Новый шаблон» или «Без названия» (присваивается автоматически, если файл ещё не был сохранён);
  • Активная вкладка - содержимое именно этого документа сейчас отображается на основном экране;
  • Неактивная вкладка - открыта в фоновом режиме.
  • Кнопка закрытия (красный крестик) - расположена справа на каждой вкладке и позволяет закрыть конкретный документ, не завершая работу всей программы.

Панель инструментов

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

Внимание!

При выключении всех разделов панели меню - вся панель пропадает и ее невозможно вернуть даже при перезагрузке программы!

Стандартная

Содержит кнопки для управления структурой отчета и файлами (слева направо):

  • Новый отчет — создание чистого бланка или выбор мастера шаблонов;
  • Открыть отчет — загрузка ранее сохраненного файла отчета (.fr3);
  • Сохранить отчет — запись текущих изменений в файл;
  • Просмотр (Preview) — запуск отчета на выполнение для просмотра готового результата с данными;
  • Параметры / Источники данных — настройка подключения к базам данных и выбор таблиц;
  • Новая страница отчета — добавление дополнительной вкладки (страницы) в текущий шаблон;
  • Новая страница диалога — создание формы диалога для ввода параметров перед формированием отчета;
  • Удалить страницу — удаление текущей выбранной страницы из шаблона;
  • Параметры страницы — настройка размеров листа, полей (отступов) и ориентации (альбомная/книжная);
  • Вырезать — удаление выделенного объекта с сохранением его в буфер обмена;
  • Копировать — копирование выделенного объекта в буфер обмена;
  • Вставить — добавление объекта из буфера обмена на страницу;
  • Копирование формата (Формат по образцу) — перенос стилей оформления (шрифт, цвет, рамки) с одного объекта на другой;
  • Отменить — отмена последнего выполненного действия в редакторе
  • Повторить — возврат отмененного действия.

Текст

Предназначена для оформления текстовых полей (объектов «Memo»):

  • Выбор шрифта (на скриншоте Arial) — изменение гарнитуры и семейства шрифта;
  • Размер шрифта (на скриншоте 10) — изменение размера (кегля) букв;
  • B (Bold / Полужирный) — делает текст жирным;
  • I (Italic / Курсив) — делает текст наклонным;
  • U (Underline / Подчеркнутый) — добавляет нижнее подчеркивание текста;
  • Горизонтальное выравнивание (блок из 4 кнопок):
  • По левому краю;
  • По центру;
  • По правому краю;
  • По ширине (растягивание текста по границам блока);
  • Вертикальное выравнивание (блок из 3 кнопок):
  • По верхнему краю;
  • По центру (вертикально);
  • По нижнему краю;
  • Цвет текста — выбор цвета букв из палитры;
  • Цвет заливки — выбор цвета фона внутри текстового контейнера;
  • Поворот текста — изменение угла наклона текста (0, 90, 180, 270 градусов).

Рамка и заливка

Отвечает за отрисовку табличных границ и внешнего вида ячеек:

  • Все границы — включает отображение рамки со всех четырёх сторон объекта;
  • Верхняя граница — включает/выключает только верхнюю линию;
  • Нижняя граница — включает/выключает только нижнюю линию;
  • Левая граница — включает/выключает только левую вертикальную линию;
  • Правая граница — включает/выключает только правую вертикальную линию;
  • Без границ — полностью убирает все контуры вокруг объекта;
  • Тень — добавляет декоративное смещение (эффект объемной тени) для объекта;
  • Цвет рамки (иконка с карандашом) — открывает палитру для изменения цвета линий контура;
  • Стиль заливки (иконка с текстурой) — позволяет выбрать тип заполнения (сплошной цвет, градиент или штриховка);
  • Стиль линии (выпадающее меню) — выбор типа линии (сплошная, пунктирная, штриховая и т.д.);
  • Толщина линии (выпадающее меню) — регулировка ширины линий рамки в пикселях.

Разметка

Эта панель используется для точного взаимного выравнивания, распределения и изменения размеров группы выделенных объектов (кнопки сгруппированы по назначению слева направо):

  • Сетка и привязка:
  • Выравнивать по сетке — принудительно сдвигает объекты так, чтобы их углы совпадали с узлами координатной сетки;
  • Привязать к сетке — включает режим «магнита», при котором объекты при перемещении автоматически притягиваются к сетке;
  • Выравнивание сторон (относительно первого выделенного объекта):
  • По левому краю — выравнивает левые границы всех выделенных объектов по одной линии;
  • По правому краю — выравнивает правые границы объектов
  • По верхнему краю — выравнивает объекты по их верхней границе;
  • По нижнему краю — выравнивает объекты по их нижней границе;
  • По центру горизонтально — центрирует объекты по их вертикальной оси;
  • По центру вертикально — центрирует объекты по их горизонтальной оси;
  • Подгонка размеров (приведение к одному размеру):
  • Одинаковая ширина — делает все выделенные объекты такими же по ширине, как и эталонный (первый выделенный);
  • Одинаковая высота — делает объекты равными по высоте;
  • Одинаковый размер — одновременно делает объекты одинаковыми и по ширине, и по высоте;
  • Распределение (выравнивание промежутков между объектами):
  • Распределить по горизонтали — делает одинаковые расстояния (просветы) между объектами в ряду;
  • Распределить по вертикали — делает одинаковые расстояния между объектами в столбце;
  • Центрирование на странице:
  • Центрировать по горизонтали на странице — перемещает объект(ы) строго в центр листа по горизонтали;
  • Центрировать по вертикали на странице — перемещает объект(ы) строго в центр листа по вертикали;
  • Шаг и сдвиг (ручная доводка):
  • Позволяют сдвигать или изменять размер объектов на один пиксель (или шаг сетки) в разные стороны.

Стиль

Используется для быстрого применения готового оформления к текстовым и графическим блокам:

  • Выпадающий список (Select style) — позволяет выбрать один из заранее созданных стилей (например, стиль для заголовков, четных/нечетных строк таблиц). Стиль может включать в себя настройки шрифта, цвета, заливки и рамок.
  • Редактор стилей (иконка с листом и карандашом) — открывает диалоговое окно для создания, удаления или изменения пользовательских стилей текущего отчета.

Внимание!

Стиль не всегда ведет себя предсказуемым образом.

На этапе применения стиля проблем не возникает.

На этапе редакции элемента с примененным стилем элемент "запоминает" настройки стиля и не меняет их. Для смены параметра приходится выставлять стиль в положение "Нет стиля".

Полигон

Эта панель становится активной при работе со сложным графическим объектом «Полигон» (многоугольник) и служит для редактирования его формы по точкам:

  • Перемещение объекта / Указатель — стандартный режим выбора и переноса всего полигона целиком;
  • Добавить точку — позволяет кликом мыши поставить новую вершину на контуре многоугольника для усложнения его формы;
  • Редактировать линии (Режим кривых / Безье) — переключает тип соединительных линий между точками (прямые линии или сглаженные кривые);
  • Изменить направление контура / Отразить — инвертирует порядок обхода точек многоугольника;
  • Удалить точку — удаляет выделенную вершину (узел) с контура геометрической фигуры.

Данные

Окно "Данные" - позволяет:

  • управлять всеми элементами данных;
  • вставлять элементы данных в отчет путем перетаскивания их на страницу отчета.

Окно содержит:

  • разделы Системные переменные, Итоги, Параметры и Функции - доступны по умолчанию при открытии новой вкладки;
  • раздел Источники данных - появляется только после создания источника данных (подключения к БД).

Все операции с элементами окна выполняются с помощью панели инструментов и меню "Действия":

Часть этих операций дублируется в контекстном меню элементов окна "Данные".

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

Дерево отчета

Дерево отчета - панель с древовидной структурой, которая служит центром управления всеми элементами отчета.

Позволяет:

  • выбирать любой элемент в этом дереве, чтобы мгновенно увидеть и изменить его настройки в панели свойств (Properties);
  • выполнять с элементами дерева доступные для них действия через контекстное меню (правой кнопкой мыши).

Панель объектов отчета

Имеет вертикальное расположение и содержит все доступные для отчета элементы.

Структура бэндов

Бэнд (англ. band – полоска) – это объект, который размещается непосредственно на странице отчета и является контейнером для остальных объектов, таких, как Текст, Рисунок и прочих.

Для использования доступно 13 типов бэндов.

Макет отчёта

Макет отчёта (рабочее поле, холст) - визуальный редактор, предназначенный для размещения элементов управления и настройки структуры отчета.

Основные компоненты рабочего поля

  • Линейки - расположены сверху и слева от рабочего поля; используются для измерения размеров элементов и установки отступов.
  • Сетка - фоновая разметка, которая помогает точно позиционировать элементы; параметры сетки (шаг, привязка) можно настроить для удобства выравнивания объектов.
  • Бэнды - горизонтальные разделы, в точности повторяющие структуру бэндов соответствующего раздела.

Взаимодействие

  • Перетаскивание - объекты отчета (текстовые поля, таблицы и др.) переносятся из панели инструментов прямо на рабочее поле.
  • Копировать / Вырезать / Вставить - стандартные методы взаимодействия с объектами отчёта.

Страницы отчета

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

  • код (вкладка кода, скрипт, script) - окно для написания программного кода на языке программирования C#; всегда является самой первой вкладкой, не может быть перемещена или удалена;
  • собственно страницы отчёта - при создании отчета всегда создается минимум одна страница Page1; пока страница является единственной, она также не может быть удалена;
  • диалоговые формы отчёта - не являются обязательными элементами, добавляются по необходимости.

Панель масштабирования макета отчёта

Представлена следующими элементами:

  • По ширине страницы — кнопка автоматически растягивает или сжимает отображение страницы отчета так, чтобы она полностью заняла все рабочее пространство окна по ширине;
  • Вся страница — кнопка масштабирует отчет таким образом, чтобы страница полностью (целиком от верхнего до нижнего края) поместилась на экране;
  • Масштаб 100% — кнопка устанавливает отображение страницы в её реальном (стопроцентном) размере, как она будет выглядеть при печати на бумаге;
  • 100% — информационное поле, показывающее текущий точный уровень масштабирования в процентах;
  • - (минус) — кнопка уменьшения масштаба страницы (отдаление);
  • Ползунок масштаба (Zoom) — инструмент для плавной регулировки масштаба вручную; перетаскивание бегунка влево уменьшает страницу, вправо — увеличивает;
  • + (плюс) — кнопка увеличения масштаба страницы (приближение).
Источник — https://wiki.chemsoft.ru/index.php?title=Интерфейс&oldid=3297