SAP UI5 - Тематика
Дизайнер тем пользовательского интерфейса - это инструмент на основе браузера, который позволяет разрабатывать темы, изменяя один из шаблонов тем, предоставленных SAP.
Example- Вы можете изменить цветовую схему или добавить логотип вашей компании. Инструмент обеспечивает предварительный просмотр темы в режиме реального времени во время разработки.
Примените свой корпоративный брендинг и обратите внимание на приложения, созданные с использованием технологий SAP UI. Дизайнер тем пользовательского интерфейса - это инструмент на основе браузера для кросс-тематических сценариев. Используйте его, чтобы легко создавать темы фирменного стиля, изменяя один из шаблонов тем, предоставленных SAP. Например, вы можете изменить цветовую схему или добавить логотип своей компании. Инструмент нацелен на разные группы пользователей, включая разработчиков, визуальных дизайнеров и администраторов.
Поддерживаемая платформа
- SAP NetWeaver как ABAP (через UI Add-On 1.0 SP4)
- SAP NetWeaver Portal (7.30 SP10 и более поздняя версия)
- SAP HANA Cloud (планируется)
- Портал SAP NetWeaver (запланировано 7.02)
Ключевые особенности и преимущества
Browser-based, graphical WYSIWYG editor - Изменяет значения параметров темы и сразу видит, как это влияет на визуализацию выбранной страницы предварительного просмотра.
Built-in preview pages - Выберите встроенные страницы предварительного просмотра, чтобы увидеть, как будет выглядеть ваша настраиваемая тема, когда она будет применена к приложению -
Предварительный просмотр приложения (пример: утверждение заказа на поставку, SAP Fiori Launchpad)
Контрольные превью
Different levels of theming -
Быстрая тематика (базовые настройки темы для разных технологий)
Экспертная тематика (настройки темы для конкретных технологий)
Ручное LESS или редактирование CSS
Color palette for reuse - Задает набор параметров с основными значениями цвета, определяющими ваш корпоративный бренд.
Cross-technology theming - Создайте одну согласованную тему, применимую к различным клиентам и технологиям SAP UI -
Стандартные библиотеки SAPUI5 (включая приложения SAP Fiori и SAP Fiori Launchpad)
Унифицированные технологии рендеринга (такие как Web Dynpro ABAP и Floorplan Manager)
Бизнес-клиент SAP NetWeaver
| Клиент SAP UI | Части пользовательского интерфейса могут быть тематическими |
|---|---|
| Web Dynpro ABAP | Вы можете создавать темы для приложений, которые не используют следующие элементы пользовательского интерфейса:
Вы можете использовать только темы, созданные с помощью дизайнера тем пользовательского интерфейса, для приложений Web Dynpro ABAP, начиная с SAP NetWeaver 7.0 EHP2. |
| Менеджер плана этажа для Web Dynpro ABAP (FPM) | Вы можете создавать темы для приложений, которые не используют HTMLIslands или Chart UIBB. |
| SAPUI5 | Вы можете создавать темы для стандартных библиотек SAP. Пользовательские библиотеки SAPUI5 не могут быть тематическими |
| Бизнес-клиент SAP NetWeaver (NWBC) | NWBC для рабочего стола (4.0 или выше): вы можете тематизировать оболочку NWBC и страницы обзора (страница индекса, страница новой вкладки, карта услуг). NWBC для HTML (3.6): вы можете оформить карту услуг. Оболочка не может быть тематической. |
Как вызвать дизайнера тем в SAP Fiori?
Step 1- Войдите на сервер переднего плана SAP Fiori. Вы можете использоватьT-Code: Theme Designer или используйте ярлык, как показано на следующем снимке экрана, и войдите в систему.
Step 2- После входа в систему у вас будут все шаблоны по умолчанию, предоставленные SAP для Theme Designer. Выберите тему по умолчанию и нажмите «Открыть».
Step 3 - Введите ссылку Fiori Launchpad и имя приложения и нажмите «Добавить».
Step 4- В правой части панели экрана вы можете выбрать Цвет, Шрифт, Изображение и другие свойства. Вы можете редактировать цвета, как показано на следующих снимках экрана.
Step 5- Чтобы сохранить тему, вы можете щелкнуть значок «Сохранить», как показано на следующем снимке экрана. У вас также есть возможность сохранения и сборки.
После того, как вы нажмете «Сохранить и построить», начнется сохранение, и по завершении вы получите подтверждающее сообщение - «Сохранить и построить завершено».
Step 6 - Чтобы получить ссылку на эту настраиваемую тему, используйте T-код, как показано на следующем снимке экрана -
Step 7 - Выберите тему, которую вы создали, и щелкните вкладку «Информация».
Step 8 - Используйте Ctrl + Y, чтобы скопировать URL-адрес с экрана и записать его.
Поддерживаемые темы
Это темы по умолчанию, которые поставляются с UI5 -
- Синий кристалл
- Золотое отражение
- Мобильная визуальная идентификация
- Высококонтрастный черный
Типы диаграмм
В библиотеке диаграмм sap.viz.ui5 есть различные типы диаграмм, которые можно использовать для представления бизнес-данных. Ниже приведены некоторые типы диаграмм CVOM - столбец, пузырь, линия, круговая диаграмма и т. Д.
