Продолжаем рассказ о новой версии 2022.1 продуктов Stimulsoft. Сегодня мы расскажем вам про новые возможности для построения и оформления дашбордов.
Подробнее рассмотрим их и наглядно продемонстрируем, какие изменения они помогут внести в процессе создания и оформления дашбордов.
Закругление компонента определяется при помощи группы Радиус закругления (Corner radius). Поскольку мы всегда учитываем гибкость нашего продукта и заботимся о возможностях тонкой настройки, то при разработке дашборда мы предоставили возможность закруглять каждый угол компонента в отдельности. Таким образом, вы можете закруглить один, два, три или все углы компонента. При этом, радиус закругления может быть как одинаковым, так и абсолютно разным для каждого угла. Все это позволяет настроить внешний вид компонентов дашборда на любой вкус. Значение радиуса закругления угла указывается в виде числового значения от 0 до 30, где 0 – отсутствие закругления, а 30 – максимальный радиус.
И вот в релизе 2022.1 мы решили эту проблему. Теперь вы можете задать параметр альфа-канала по модели ARGB при указании фона компонента или указать значение альфа-канала в элементе управления Цвета (Colors) на вкладке По выбору (Custom).
Таким образом, фон компонента приобретает прозрачность, что в принципе позволяет не просто красиво оформить панель индикаторов, но и применять водяной знак на этом дашборде. Но об этом чуть ниже.
Итак, в версии 2022.1 мы добавили возможность использовать водяной знак на панелях индикаторов. Настройка водяного знака осуществляется в специальном редакторе, который может быть вызван нажав кнопку Обзор (Browse) у свойства дашборда Водяной знак (Watermark) или нажав кнопку Водяной знак на вкладке Страница (Page) в дизайнере отчетов.
В редакторе водяного знака его типы сгруппированы по вкладкам. На каждой вкладке присутствует параметр Доступность (Enabled), который включает или выключает использование определенного типа. В качестве водяного знака можно использовать:
Если при разработке дашбордов вы ориентируетесь не только на отображаемые данные, но хотите сделать их более понятными и визуально привлекательными, попробуйте использовать тени для компонентов. Они не только создают объём компонентов, делая весь дашборд интереснее внешне, но визуально выделяет те объекты, на которых делается акцент.
Новый функционал для построения дашбордов
Инструменты бизнес-аналитики нуждаются в регулярных обновлениях, и наши продукты не являются исключением. На этот раз мы расширили возможности построения дашбордов и добавили новые опции:- закругление углов,
- прозрачность фона элементов,
- тени компонентов дашборда,
- водяной знак.
Подробнее рассмотрим их и наглядно продемонстрируем, какие изменения они помогут внести в процессе создания и оформления дашбордов.
Закругление углов
Одним из трендов 2021 года стало закругление углов окон, меню, форм. Во многом он определился выходом обновленной операционной системой от Microsoft – Windows 11. Хотя, пользователи Mac OS уже давно в тренде. Мы решили не отставать от тенденций мирового рынка программного обеспечения и добавили возможность для наших пользователей настраивать панели индикаторов с закруглением границ компонентов.Закругление компонента определяется при помощи группы Радиус закругления (Corner radius). Поскольку мы всегда учитываем гибкость нашего продукта и заботимся о возможностях тонкой настройки, то при разработке дашборда мы предоставили возможность закруглять каждый угол компонента в отдельности. Таким образом, вы можете закруглить один, два, три или все углы компонента. При этом, радиус закругления может быть как одинаковым, так и абсолютно разным для каждого угла. Все это позволяет настроить внешний вид компонентов дашборда на любой вкус. Значение радиуса закругления угла указывается в виде числового значения от 0 до 30, где 0 – отсутствие закругления, а 30 – максимальный радиус.
Прозрачность фона элементов
Каждый компонент на дашборде по умолчанию использует цвет фона из стиля дашборда. Изменять цвет фона можно было давно, равно как и создавать пользовательский стиль компонента. Но нерешенным оставался вопрос, который нам давно задавали клиенты – как задать прозрачность фона компонента.И вот в релизе 2022.1 мы решили эту проблему. Теперь вы можете задать параметр альфа-канала по модели ARGB при указании фона компонента или указать значение альфа-канала в элементе управления Цвета (Colors) на вкладке По выбору (Custom).
Таким образом, фон компонента приобретает прозрачность, что в принципе позволяет не просто красиво оформить панель индикаторов, но и применять водяной знак на этом дашборде. Но об этом чуть ниже.
Водяной знак для дашборда
Водяной знак, как правило, используется для указания авторства, владельца того или иного изображения или принадлежности к какой-либо организации. Иначе говоря, основная его функция – защита документов. Но в случаях с дашбордами – это еще и прекрасная возможность разнообразить их визуальное оформление.Итак, в версии 2022.1 мы добавили возможность использовать водяной знак на панелях индикаторов. Настройка водяного знака осуществляется в специальном редакторе, который может быть вызван нажав кнопку Обзор (Browse) у свойства дашборда Водяной знак (Watermark) или нажав кнопку Водяной знак на вкладке Страница (Page) в дизайнере отчетов.
В редакторе водяного знака его типы сгруппированы по вкладкам. На каждой вкладке присутствует параметр Доступность (Enabled), который включает или выключает использование определенного типа. В качестве водяного знака можно использовать:
- Текст. Любой, ограничений по длине нет. Но помните, что текст водяного знака не переносится и обрезается по границам вашего дашборда. Располагается он всегда по центру дашборда, то есть центр текста совпадает с центром дашборда и расходится в разные стороны. Для текста вы можете определить угол поворота, шрифт, включая семейство шрифтов, стиль и размер, а также цвет текста.
- Изображение. Изображение любого типа, которое поддерживается нашим генератором отчетов (png, svg, jpeg и т.д.). Для изображения в водяном знаке доступны такие параметры как:
- соотношение сторон, то есть соблюдение пропорций изображения,
- растягивание изображения на область дашборда или заполнение повторами этого изображения,
- прозрачность изображения. Да, теперь в нашем генераторе отчетов и дашбордов можно не только настроить прозрачность компонентов можно настроить, но и сделать изображение водяного знака полупрозрачным.
Также, для изображения в водяном знаке присутствует параметр Кратный множитель. По сути, он дает возможность увеличить масштаб изображения. Подвиньте ползунок, и вы поймете, как это работает. Обратите внимание, что изображение водяного знака встраивается в шаблон отчета, и это может повлиять как на конечный размер файла, так и на время загрузки отчета во вьювере. - Переплетение. Это возможность использовать значки в водяном знаке дашборда. Здесь есть несколько моментов. Во-первых, значки делятся на две категории – основные и вспомогательные, и они могут различаться как по размеру и цвету, так и по виду. Во-вторых, вы можете изменять расстояние между значками и угол их поворота. Все это предоставляет огромные возможности для создания уникального водяного знака для дашборда.
Вот такой перечень инструментов доступен для использования при создании водяного знака. Однако, это еще не все. Мы всегда стремимся к гибкому подходу оформления компонентов. Поэтому вы можете комбинировать все типы одновременно – используйте и текст, и изображение, и переплетение в одном водяном знаке. Создайте собственный водяной знак для своих дашбордов.
Тени для компонента дашборда
Вы можете быть как сторонником теней в меню, окнах и компонентах, так и их противником – одним людям нравятся тени в операционной системе, другие их отключают. Начиная с релиза 2022.1 мы добавили возможность включать и настраивать тени компонентов на дашборде.Если при разработке дашбордов вы ориентируетесь не только на отображаемые данные, но хотите сделать их более понятными и визуально привлекательными, попробуйте использовать тени для компонентов. Они не только создают объём компонентов, делая весь дашборд интереснее внешне, но визуально выделяет те объекты, на которых делается акцент.
Настройка теней компонента осуществляется при помощи группы свойств Тень (Shadow) для каждого компонента. Вы можете определить цвет тени, её размер, а также указать сдвиг позиции тени по X и Y. К слову, по умолчанию тень компонента выключена, и за её отображение отвечает свойство Видимость (Visibility) в группе свойств Тень.
Пробуйте и экспериментируйте, тени – это то, что может придать вашим дашбордам уникальность и оригинальность.
Пробуйте и экспериментируйте, тени – это то, что может придать вашим дашбордам уникальность и оригинальность.
Также мы подготовили для вас видео по использованию нового функционала для построения и оформления дашбордов.
Таким вот образом, мы предоставили огромные возможности для визуального оформления ваших панелей индикаторов. Рассмотреть все комбинации их применения и использования не хватит времени и места на страницах нашего блога. Мы предоставили вам инструменты, но как именно их использовать – решать вам.
Таким вот образом, мы предоставили огромные возможности для визуального оформления ваших панелей индикаторов. Рассмотреть все комбинации их применения и использования не хватит времени и места на страницах нашего блога. Мы предоставили вам инструменты, но как именно их использовать – решать вам.
Надеемся, что эта статья была полезной для вас и теперь вы сможете воспользоваться новыми возможностями при разработке дашбордов. Если у вас остались какие-либо вопросы, свяжитесь с нами – мы всегда готовы вам помочь.