pixelarticons

Pixel Art Icons Package для Flutter

Этот пакет предоставляет набор значков Pixel Art в качестве шрифта для Flutter, его можно использовать так же, как мы используем класс Icons .

• Смотрите все доступные значки по адресу https://pixelarticons.com/free/.
• Получить файл Figma по адресу https://www.figma.com/community/file/952542622393317653.

Набор значков, созданный @halfmage, если вам понравится этот бесплатный набор значков, вам также понравится премиум.

Показать предварительный просмотр

Установите пакет

Вы можете проверить последнюю версию на pub.dev/pixelarticons.

 dependencies :
  # ...
  pixelarticons : <latest-version>
  # ...

или беги:

flutter pub add pixelarticons

Импортировать пакет

Импортируйте, где вы хотите:

 import 'package:pixelarticons/pixelarticons.dart' ;

Используйте как IconData

Пакет pixelarticons использует класс IconData , поэтому использование в значительной степени одно и то же класс Icons , но переименовано в Pixel .

Имейте в виду:

• Нижний случай для всех значков и без сепараторов , например card-plus написан как Pixel.cardplus .
• Значки, которые начинаются с не альфа-символов , такие как 4k , 4k-box , 4g , префикс с k
• Значки, которые являются ключевыми словами DART, такие как switch также являются префиксом с k

Так что используйте k4k , k4kbox , kswitch вместо этого.

Значок полный список https://pixelarticons.com/free/.

 /// 4k icon:
Icon ( Pixel .k4k)

/// switch icon:
Icon ( Pixel .kswitch)

/// align-left icon:
Icon ( Pixel .alignleft);

---

Цель этой библиотеки

Процесс включения SVG в качестве значков в трепетание действительно скучно:

1. Преобразовать SVG в шрифт, вы можете выбрать, например, метод необработанного.
2. Импортируйте шрифт значка в активы Flutter.
3. Создайте класс, отображающий каждый шрифт Charcode в именованное статическое поле.
4. Тогда вы (вероятно) готовы использовать свои SVG в качестве значков.

Эта библиотека автоматизирует этот процесс для значков Pixel Art.

Способствовать

Используйте вкладку «Вопросы», чтобы обсудить новые функции и отчеты об ошибках.

Как это работает

Сначала мы проверяем, есть ли новое обновление, доступное в репозитории значков Pixel Art:

pixelarticons/autoupdate/lib/has_new_release.dart

Строки от 8 до 10 в 96354A3

	final bool hasupdate = ждать hasupdateaVailable ();
	stdout. write ( ':: setput name = $ khasnewreleaseactionkey :: $ hasupdate ' );

Мы используем пользовательский ключ в файле pubspec.yaml для сравнения текущей опубликованной версии значков Pixel Art с последней версией значков Pixel Pixel Pixel Art.

Если обновление нет, не обращайте внимания: проигнорируйте:

pixelarticons/.github/workflows/flow.yaml

Строки с 12 по 31 в 96354A3

	check_if_there_is_a_new_release_update_available :
	Имя : Проверьте, имеется ли новое обновление релиза
	Runs-on : Ubuntu-Latest
	выходы :
	# 'update_available' пришел из сценария has_new_release.dart '
	update_available : $ {{steps.here_is_a_new_update_available.outputs.update_available}}
	Шаги :
	- Использование : Действия/Осмотр@v2
	-Использование : Dart-Lang/Setup-Dart@v1
	- Имя : Получите зависимости
	Запустить : CD Autoupdate && Dart Pub Get && CD ..
	- Имя : Проверьте, есть ли новое обновление
	ID : « Там_ис_а_NEW_UPDATE_AVAILABLE »
	Запустить : Dart Run Autoupdate/lib/has_new_release.dart
	publish_new_release :
	Имя : опубликовать новый релиз пакета
	Потребности : ["check_if_THERE_IS_A_NEW_RELEASE_UPDATE_AVAILABLE"]
	if : $ {{neaps.check_if_there_is_a_new_release_update_available.outputs.update_available == 'true'}}

В противном случае, обновите pubspec.yaml с последней версией репозитории Pixel Art и выдвигайте новый коммит:

pixelarticons/.github/workflows/flow.yaml

Строки от 40 до 53 в CFC1919

	- Имя : Получите зависимости
	Запустить : CD Autoupdate && Dart Pub Get && CD ..
	- Имя : обновление pubspec.yaml [версия] и [pixelarticons_version]
	Запуск : Dart Run Autoupdate/lib/update.dart
	- Имя : генерировать сообщение о коммите
	ID : Commit_msg
	Запуск : Dart Run Autoupdate/Lib/Commit_msg.dart
	# Добавить, совершать и протолкнуть изменения предыдущего шага (обновление pubspec.yaml ...)
	-Использование : Endbug/Add-and-Commit@v9 # Вы можете изменить это, чтобы использовать определенную версию.
	с :
	Сообщение : $ {{steps.commit_msg.outputs.new_release_commit_msg}}

Теперь, когда мы в курсе новейшей версии репозитория в теории (поскольку мы только что обновили информацию о версии), давайте на самом деле загрузите значки Pixel Art SVGS, генерируем шрифт и класс Font DART:

pixelarticons/.github/workflows/flow.yaml

Строки от 55 до 65 в CFC1919

	- Имя : Установка Запрос Python Library
	Запустить : PIP установить запросы
	- Имя : Скачать последний релиз
	запустить : python3 скачать/скачать.py
	- Имя : Установите библиотеку Fontify
	RUN : DART PUB Global Activate Fontify
	- Имя : запустите Fontify, чтобы сгенерировать шрифт значков (.ttf)
	Run : Dart Pub Global Run Fontify

Обратите внимание, что библиотека Fontify знает, как найти файлы, потому что мы определили конфигурацию в pubspec.yaml :

Pixelarticons/pubspec.yaml

Строки с 29 до 43 в 96354A3

	Fontify :
	input_svg_dir : " release/ svg/ "
	output_font_file : " fonts/pixelarticons.otf "
	output_class_file : " lib/pixel.dart "
	class_name : " Pixel "
	Подтверждение : 2
	Пакет : Pixelarticons
	font_name : " значки Pixel Art "
	Нормализовать : правда
	Игнорировать_shapes : true
	рекурсивный : правда
	Пловесная : ложь

Теперь пакет готов к публикации, поэтому мы делаем это сразу после:

pixelarticons/.github/workflows/flow.yaml

Строки от 67 до 84 в 96354A3

	- Имя : создание файла учетных данных
	RUN : Echo $ pub_credentials> ~/pub-credentials.json
	env :
	Pub_credentials : $ {{secrets.pub_credentials}}
	- Имя : Добавить учетные данные в папку DART
	запустить : |
	mkdir -p $ {xdg_config_home:-$ {home: -default}}/dart
	Touch $ {xdg_config_home:-$ {Home: -default}}/dart/pub-credentials.json
	cp ~/pub credentials.json $ {xdg_config_home:-$ {Home: -default}}/dart/pub-credentials.json
	env :
	Pub_credentials : $ {{secrets.pub_credentials}}
	- Имя : Формат сгенерированные файлы
	Запустить : DART Format.
	- Имя : опубликовать
	run : dart pub publish -force

Обратите внимание, что учетные данные в пабе генерируются после того, как вы впервые опубликовали пакет, поэтому первый выпуск вашего автоматизированного инструмента должен быть ручным, а затем вы копируете учетные данные, сгенерированные в вашей локальной машине, в секреты GitHub. Я сделал это несколько лет назад, поэтому я не знаю, есть ли новый метод для Auth On Pub.DEV.

---

Этот поток запускается кроном, который работает каждые 15 дней или вручную:

pixelarticons/.github/workflows/flow.yaml

Линии с 1 по 6 в 96354A3

	Имя : генерировать шрифт и публиковать
	на :
	workflow_dispatch :
	расписание :
	# Каждый 1 и 15 месяцев каждого месяца. В основном библиотека обновление каждые 15 дней
	- Cron : " 0 0 1,15 * * "

Бежать локально

Чтобы работать локально, выполните те же шаги, что и действие flow.yaml .

Рабочий каталог - это корень репозитория.

Требуемая среда:

 Dart SDK version: 2.14.4 (stable)
Python 3.9.9

Исключение нарушения изменений

Это означает, что этот инструмент не может найти последний выпуск репозитория Pixelarticons.

Но это может иметь несколько причин , поэтому лучший способ исправить это - сначала выяснить, где значки расположены в исходном репозитории, а затем обновить сценарий ~/download/download.py чтобы исправить/охватить нарушающие изменения , если они существуют (эта ошибка также может быть вызвана простой исключением Python).

Пожалуйста, заполните проблему, чтобы увидеть, что идет не так, и не беспокойтесь: все текущие выпуски и версии будут доступны.

Copyright

с открытым исходным кодом

_{© 2022-Present, Alex Rintt.}

Pixel Art Icons Dart Wrapper лицензирована