pixelarticons

Paquete de iconos de arte de píxeles para Flutter

Este paquete proporciona un conjunto de iconos de arte de píxeles como fuente para Flutter, se puede usar de la misma manera que usamos la clase Icons .

• Vea todos los iconos disponibles en https://pixelarticons.com/free/.
• Obtenga el archivo figma en https://www.figma.com/community/file/952542622393317653.

Conjunto de iconos creado por @halfmage, si le gusta este conjunto de iconos gratuitos, también le gustará los premium.

Mostrar vista previa

Instalar el paquete

Puede consultar la última versión en pub.dev/pixelarticons.

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

o correr:

flutter pub add pixelarticons

Importar el paquete

Importar donde quiera:

 import 'package:pixelarticons/pixelarticons.dart' ;

Usar como IconData

El paquete pixelarticons usa la clase IconData , por lo que el uso es más o menos el mismo de la clase Icons pero renombrado a Pixel .

Sea consciente:

• El caso inferior para todos los iconos y no separadores , por ejemplo card-plus se escribe como Pixel.cardplus .
• Los iconos que comienzan con caracteres no alfa , como 4k , 4k-box , 4g tienen el prefijo k
• Los iconos que son palabras clave DART, como switch también son prefijos con k

Así que usa k4k , k4kbox , kswitch en su lugar.

Lista completa del icono https://pixelarticons.com/free/.

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

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

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

---

Propósito de esta biblioteca

El proceso de incluir SVG como íconos en Flutter es realmente aburrido:

1. Convertir SVG a fuente, puede elegir un método sin procesar, por ejemplo.
2. Importe la fuente de icono en los activos de Flutter.
3. Cree una clase de mapeo de cada carcodio de fuente a un campo estático llamado.
4. Entonces está (probablemente) listo para usar sus SVG como iconos.

Esta biblioteca automatiza este proceso para iconos de arte de píxeles.

Contribuir

Use la pestaña Temas para discutir nuevas características e informes de errores.

Cómo funciona

Primero verificamos si hay una nueva actualización disponible en el repositorio de iconos de arte de Pixel:

Pixelarticons/autoupdate/lib/has_new_release.dart

Líneas 8 a 10 en 96354A3

	final bool Hasupdate = ALEA HASUPDATEAVAILABLE ();
	stdout. Write ( ':: set-output name = $ khasnewreleaseactionKey :: $ Hasupdate ' );

Utilizamos una clave personalizada en el archivo pubspec.yaml para comparar la versión publicada actual de los iconos de arte de Pixel con la última versión del repositorio de iconos de arte Pixel.

Si no hay actualización disponible, ignórela:

Pixelarticons/.github/Workflows/Flow.yaml

Líneas 12 a 31 en 96354A3

	check_if_there_is_a_new_release_update_available :
	Nombre : Verifique si hay una nueva actualización de versión disponible
	Runs-On : Ubuntu-Latest
	Salidas :
	# 'update_available' vino de 'has_new_release.dart' script
	update_available : $ {{steps.there_is_a_new_update_available.outputs.update_available}}
	pasos :
	- Usos : acciones/pago@v2
	-Usos : dart-lang/setup-dart@v1
	- Nombre : Obtener dependencias
	Ejecutar : CD autoupdate && dart pub get && cd ..
	- Nombre : verifique si hay una nueva actualización
	ID : " allí_is_a_new_update_available "
	Ejecutar : Dart ejecutar autoupdate/lib/has_new_release.dart
	publish_new_release :
	Nombre : Publicar nuevo paquete
	Necesidades : ["check_if_there_is_a_new_release_update_available"]
	if : $ {{necesidades

De lo contrario, actualice el pubspec.yaml con la última versión del repositorio de iconos de arte de píxeles y presione la nueva confirmación:

Pixelarticons/.github/Workflows/Flow.yaml

Líneas 40 a 53 en CFC1919

	- Nombre : Obtener dependencias
	Ejecutar : CD autoupdate && dart pub get && cd ..
	- Nombre : actualizar pubspec.yaml [versión] y [pixelarticons_version]
	Ejecutar : Dart Run Autoupdate/lib/update.dart
	- Nombre : Generar un mensaje de confirmación
	ID : commit_msg
	Ejecutar : Dart ejecutar autoupdate/lib/commit_msg.dart
	# Agregar, confirmar y presionar los cambios del paso anterior (actualizar pubSpec.yaml ...)
	-Usos : endbug/add-y-commit@v9 # puede cambiar esto para usar una versión específica.
	con :
	Mensaje : $ {{steps.commit_msg.outputs.news_release_commit_msg}}

Ahora que estamos actualizados con la última versión del repositorio en teoría (ya que acabamos de actualizar la información de la versión), descargamos realmente los iconos de arte de píxeles SVGS, genere la fuente y la clase de fuentes Dart:

Pixelarticons/.github/Workflows/Flow.yaml

Líneas 55 a 65 en CFC1919

	- Nombre : Instale las solicitudes de la biblioteca de Python
	Ejecutar : solicitudes de instalación de PIP
	- Nombre : Descargar el último lanzamiento
	Run : Python3 Descargar/descargar.py
	- Nombre : Instalar la biblioteca de Fontify
	Ejecutar : Dart Pub Global Activate Fontify
	- Nombre : ejecute Fontify para generar la fuente de iconos (.ttf)
	Run : Dart Pub Global Run Fontify

Tenga en cuenta que la biblioteca Fontify sabe cómo encontrar los archivos porque definimos la configuración en el pubspec.yaml :

Pixelarticons/PubSpec.yaml

Líneas 29 a 43 en 96354A3

	Fontificar :
	input_svg_dir : " liberar/ svg/ "
	output_font_file : " fonts/pixelarticons.otf "
	output_class_file : " lib/pixel.dart "
	class_name : " Pixel "
	Sentiente : 2
	Paquete : Pixelarticons
	font_name : " iconos de arte de píxeles "
	Normalizar : verdadero
	ignore_shapes : verdadero
	Recursivo : verdadero
	Levantado : Falso

Ahora, el paquete está listo para ser publicado, por lo que lo hacemos justo después:

Pixelarticons/.github/Workflows/Flow.yaml

Líneas 67 a 84 en 96354A3

	- Nombre : Crear archivo de credenciales
	Ejecutar : echo $ pub_credentials> ~/pub-credentials.json
	Env :
	PUB_CREDENCIALS : $ {{secrets.pub_credentials}}
	- Nombre : Agregar credenciales a la carpeta DART
	Run : |
	mkdir -p $ {xdg_config_home:-$ {home: -default}}/dart
	toque $ {xdg_config_home:-$ {home: -default}}/dart/pub-credentials.json
	cp ~/pub-credentials.json $ {xdg_config_home:-$ {home: -default}}/dart/pub-credentials.json
	Env :
	PUB_CREDENCIALS : $ {{secrets.pub_credentials}}
	- Nombre : archivos generados por formato
	Run : Formato DART.
	- Nombre : publicar
	Run : Dart Pub Publish -Force

Tenga en cuenta que las credenciales de PUB se generan después de publicar el paquete por primera vez, por lo que la primera versión de su herramienta automatizada debe ser manual, luego copia las credenciales generadas en su máquina local a los secretos de GitHub. Hice esto hace varios años, así que no sé si hay un nuevo método para autentarse en pub.dev.

---

Este flujo es provocado por un cron que corre cada 15 días o manualmente:

Pixelarticons/.github/Workflows/Flow.yaml

Líneas 1 a 6 en 96354A3

	Nombre : Generar fuentes y publicar
	en :
	workflow_dispatch :
	cronograma :
	# Cada 1º y 15º de cada mes. Básicamente la actualización de la biblioteca cada 15 días
	- Cron : " 0 0 1,15 * * "

Ejecutar localmente

Para ejecutar localmente, siga los mismos pasos que la acción flow.yaml .

El directorio de trabajo es la raíz del repositorio.

Entorno requerido:

 Dart SDK version: 2.14.4 (stable)
Python 3.9.9

Excepción de cambio de cambio

Esto significa que esta herramienta no puede encontrar la última versión del repositorio de PixelARTICON.

Pero esto puede tener varias causas , por lo que la mejor manera de solucionarlo es descubrir primero dónde se encuentran los iconos en el repositorio original y luego actualizar el script ~/download/download.py para corregir/cubrir los cambios de ruptura si existe (este error también puede ser causado por una simple excepción de Python).

Por favor, llene un problema para ver qué va mal y no se preocupe: todas las versiones y versiones actuales estarán disponibles.

Copyright

de código abierto

_{© 2022-Present, Alex Rintt.}

Iconos de arte de píxeles Dart Wrapper tiene licencia MIT