Как включить собственную коллекцию иконок в поток Vaadin? - PullRequest
Новая
       6

Как включить собственную коллекцию иконок в поток Vaadin?

0 голосов
/ 31 августа 2018

Как вы включаете свои собственные значки в Vaadin Flow? Вы делаете HTML-файл типа this один из Vaadin Icons и включаете его через 

@HtmlImport("frontend://path/to/your/icons.html")

До сих пор я не нашел никакой документации. Итак, я думаю, это одна из возможностей?

1 Ответ

0 голосов
/ 26 декабря 2018

Вот пример добавления некоторых значков IcoMoon в приложение Vaadin Flow;

  1. Используя примечания в https://icomoon.io/docs.html в разделе «Создание значков в SVG и других», я создал Polymer-совместимый набор значков в формате iron-iconset-svg.

    • Посетите https://icomoon.io/app/ и выберите значки (вы можете добавить значки из разных библиотек),
    • нажмите «Создать SVG & More»,
    • нажмите «Настройки» и выберите «Polymer» в качестве целевого формата и загрузите,

  2. Извлеките zip-файл и откройте папку полимера. Он содержит файл * -svg.html, который является файлом формата iron-iconset-svg, о котором @Jouni говорит в приведенном выше примечании. Этот HTML-файл на самом деле представляет собой набор встроенных SVG.

  3. Скопируйте html-файл в папку ресурсов;

    e.g. resources/META-INF/resources/frontend/styles/

  4. И импортируйте это используя @HtmlImport;

    e.g. @HtmlImport("frontend://styles/icomoon-iconset-svg.html")

  5. Затем вы можете создавать иконки, используя название коллекции и имя иконки;

    Icon icon = new Icon("icomoon", "mobile");

    • Имя коллекции - это значение имени в <iron-iconset-svg name=... в html-файле.
...