Дизайнер тем пользовательского интерфейса — это инструмент на основе браузера, который позволяет разрабатывать темы, изменяя один из шаблонов тем, предоставляемых SAP.
Пример. Вы можете изменить цветовую схему или добавить логотип своей компании. Инструмент обеспечивает предварительный просмотр темы в процессе проектирования.
Используйте свой корпоративный брендинг и обратите внимание на приложения, созданные с использованием технологий SAP UI. Дизайнер тем пользовательского интерфейса — это браузерный инструмент для перекрестных тем. Используйте его, чтобы легко создавать темы фирменного стиля, изменив один из шаблонов тем, предоставляемых SAP. Например, вы можете изменить цветовую схему или добавить логотип вашей компании. Инструмент предназначен для разных групп пользователей, включая разработчиков, визуальных дизайнеров и администраторов.
Поддерживаемая платформа
- SAP NetWeaver как ABAP (через UI Add-On 1.0 SP4)
- Портал SAP NetWeaver (версия 7.30 SP10 и выше)
- SAP HANA Cloud (планируется)
- Портал SAP NetWeaver (запланировано 7.02)
Основные характеристики и преимущества
Основные характеристики и преимущества приведены ниже.
-
Графический WYSIWYG-редактор на основе браузера — измените значения параметров тем и сразу посмотрите, как это влияет на визуализацию выбранной страницы предварительного просмотра.
-
Встроенные страницы предварительного просмотра — выберите встроенные страницы предварительного просмотра, чтобы увидеть, как будет выглядеть ваша пользовательская тема при применении к приложению.
-
Предварительный просмотр приложения — Пример: утверждение заказа на поставку, панель запуска SAP Fiori
-
Контроль превью .
Графический WYSIWYG-редактор на основе браузера — измените значения параметров тем и сразу посмотрите, как это влияет на визуализацию выбранной страницы предварительного просмотра.
Встроенные страницы предварительного просмотра — выберите встроенные страницы предварительного просмотра, чтобы увидеть, как будет выглядеть ваша пользовательская тема при применении к приложению.
Предварительный просмотр приложения — Пример: утверждение заказа на поставку, панель запуска SAP Fiori
Контроль превью .
Различные уровни тематики
-
Быстрое создание тем (основные настройки кросс-технологий).
-
Экспертная тематика (настройки темы для конкретной технологии).
-
Ручное LESS или CSS редактирование.
-
Цветовая палитра для повторного использования — укажите набор параметров с основными значениями цвета, определяющими ваш фирменный стиль
-
Кросс-технологическая тематика — создайте одну непротиворечивую тему, которая применяется к различным клиентам и технологиям SAP UI.
-
Стандартные библиотеки SAPUI5 (включая приложения SAP Fiori и панель запуска SAP Fiori)
-
Унифицированные технологии рендеринга (такие как Web Dynpro ABAP и Floorplan Manager)
-
Бизнес-клиент SAP NetWeaver
Быстрое создание тем (основные настройки кросс-технологий).
Экспертная тематика (настройки темы для конкретной технологии).
Ручное LESS или CSS редактирование.
Цветовая палитра для повторного использования — укажите набор параметров с основными значениями цвета, определяющими ваш фирменный стиль
Кросс-технологическая тематика — создайте одну непротиворечивую тему, которая применяется к различным клиентам и технологиям SAP UI.
Стандартные библиотеки SAPUI5 (включая приложения SAP Fiori и панель запуска SAP Fiori)
Унифицированные технологии рендеринга (такие как Web Dynpro ABAP и Floorplan Manager)
Бизнес-клиент SAP NetWeaver
| SAP UI Client | Части пользовательского интерфейса могут быть тематическими |
|---|---|
| Web Dynpro ABAP |
Вы можете создавать темы приложений, которые не используют следующие элементы пользовательского интерфейса —
|
| Менеджер поэтажных планов для Web Dynpro ABAP (FPM) | Вы можете тематические приложения, которые не используют HTML острова или диаграммы UIBB’s |
| SAPUIS | Вы можете использовать темы стандартных библиотек SAP. Пользовательские библиотеки SAPUI5 не могут быть тематическими. |
| Бизнес-клиент SAP NetWeaver (NWBC) |
|
Вы можете создавать темы приложений, которые не используют следующие элементы пользовательского интерфейса —
HTML остров
HTML-контейнер
Диаграмма
Флэш-Айленд
Серебряный свет остров
Деловая Графика
Вы можете использовать только темы, созданные с помощью дизайнера тем пользовательского интерфейса для приложений Web Dynpro ABAP, начиная с SAP NetWeaver 7.0 EHP2.
NWBC for Desktop (4.0 или более поздняя версия ) — вы можете использовать темы оболочки NWBC и обзорные страницы (страница указателя, страница новой вкладки, карта служб).
NWBC для HTML (3.6) — можно оформить карту сервиса. Оболочка не может быть тематической.
Как вызвать дизайнера тем в SAP Fiori?
Войдите в систему на интерфейсном сервере SAP Fiori.
Вы можете использовать T-Code: Theme Designer или использовать ярлык, как показано ниже, и войти в систему.
После входа в систему вы получите все шаблоны по умолчанию, предоставленные SAP для Theme Designer. Выберите тему по умолчанию и нажмите Открыть .
Введите ссылку Fiori Launchpad и Имя приложения и нажмите ДОБАВИТЬ .
С правой стороны вы можете выбрать цвет, шрифт, изображение и другие свойства. Вы можете редактировать цвета, как показано на приведенном ниже снимке.
Чтобы сохранить тему, нажмите значок сохранения, как показано ниже. У вас также есть возможность сохранить и построить вариант.
После того, как вы выберите « Сохранить и построить» , он начнет сохраняться, и после его завершения вы получите подтверждение «Сохранить и построить».
Чтобы получить ссылку на эту тему, используйте T-код: theme_tool .
Выберите созданную вами тему и перейдите на вкладку «Информация».
Используйте Ctrl + Y, чтобы скопировать URL-адрес с экрана и запишите это.