pixelarticons

Pacote de ícones de arte de pixel para vibração

Este pacote fornece um conjunto de ícones de arte de pixel como fonte para o FLUTTER, ele pode ser usado da mesma maneira que usamos a classe Icons .

• Consulte todos os ícones disponíveis em https://pixelarticons.com/free/.
• Obtenha o arquivo figma em https://www.figma.com/community/file/952542622393317653.

Icon Set criado por @halfmage, se você gosta deste conjunto de ícones gratuitos, também vai gostar dos premium.

Mostrar visualização

Instale o pacote

Você pode verificar a versão mais recente no pub.dev/pixElarticons.

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

ou correr:

flutter pub add pixelarticons

Importar o pacote

Importar onde você quiser:

 import 'package:pixelarticons/pixelarticons.dart' ;

Use como IconData

O pacote pixelarticons usa a classe IconData , portanto o uso é praticamente o mesmo da classe de Icons , mas renomeado para Pixel .

Esteja ciente:

• Inferior para todos os ícones e nenhum separador , por exemplo card-plus é escrito como Pixel.cardplus .
• Os ícones que começam com caracteres não alfa , como 4k , 4k-box , 4g são prefixados com k .
• Os ícones que são palavras -chave DART, como switch , também são prefixos com k

Portanto, use k4k , k4kbox , kswitch .

Ícone Lista completa https://pixelarticons.com/free/.

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

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

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

---

Objetivo desta biblioteca

O processo de incluir SVGs como ícones em Flutter é realmente chato:

1. Converter SVG em fonte, você pode escolher um método bruto, por exemplo.
2. Importe a fonte do ícone nos ativos de vibração.
3. Crie um mapeamento de classe cada charcode para um campo estático nomeado.
4. Então você está (provavelmente) pronto para usar seus SVGs como ícones.

Esta biblioteca automatiza esse processo para os ícones de arte de pixel.

Contribuir

Use a guia Problemas para discutir novos recursos e relatórios de bugs.

Como funciona

Primeiro, verificamos se há uma nova atualização disponível no Pixel Art Icons Repository:

PixElarticons/AutoupDate/lib/has_new_release.dart

Linhas 8 a 10 em 96354a3

	final bool hasUpdate = aguarda haspDateAvAbilable ();
	stdout. write ( ':: set-output name = $ khasnewreleaseactionKey :: $ hasUpdate ' );

Usamos uma chave personalizada no arquivo pubspec.yaml para comparar a versão publicada atual dos ícones de arte do Pixel com a versão mais recente do repositório Pixel Art Icons.

Se não houver atualização disponível, ignore -o:

pixElarticons/.github/workflows/flow.yaml

Linhas 12 a 31 em 96354a3

	check_if_there_is_a_new_release_update_available :
	Nome : Verifique se há uma nova atualização de lançamento disponível
	RUNS-ON : Ubuntu-Latest
	Saídas :
	# 'update_available' veio de 'has_new_release.dart' script
	update_available : $ {{steps.there_is_a_new_update_available.outputs.update_available}}
	passos :
	- Usos : ações/checkout@v2
	-Usos : Dart-lang/Setup-Dart@V1
	- Nome : Obtenha dependências
	Run : CD AutoupDate && Dart Pub Get && CD ..
	- Nome : verifique se há uma nova atualização
	ID : " lá_is_a_new_update_available "
	Run : Dart Run AutoupDate/lib/has_new_release.dart
	publish_new_release :
	Nome : Publique o lançamento do novo pacote
	necessidades : ["check_if_there_is_a_new_release_update_available"]
	If : $ {{necessidade.check_if_there_is_a_new_release_update_available.outputs.update_available == 'true'}}

Caso contrário, atualize o pubspec.yaml com a versão mais recente do Pixel Art Icons Repository e pressione o novo Commit:

pixElarticons/.github/workflows/flow.yaml

Linhas 40 a 53 no CFC1919

	- Nome : Obtenha dependências
	Run : CD AutoupDate && Dart Pub Get && CD ..
	- Nome : Update PubSpec.yaml [versão] e [PixElarticons_version]
	Run : Dart Run AutoupDate/lib/update.dart
	- Nome : Gerate Commite Message
	ID : commit_msg
	Run : Dart Run AutoupDate/lib/Comm Committ_msg.dart
	# Adicionar, comprometer e empurrar mudanças da etapa anterior (atualizar PubSpec.yaml ...)
	-Usos : endbug/add-and-com-comprometer@v9 # Você pode alterar isso para usar uma versão específica.
	com :
	Mensagem : $ {{STEPS.COMMIT_MSG.OUTPUTS.NEW_RELEASE_COMMIT_MSG}}

Agora que estamos atualizados com a mais recente versão do repositório em teoria (já que acabamos de atualizar as informações da versão), vamos realmente baixar os ícones de arte do pixel SVGs, gerar a fonte e a classe Dart:

pixElarticons/.github/workflows/flow.yaml

Linhas 55 a 65 no CFC1919

	- Nome : Instale solicitações Python Library
	Executar : PIP Instale solicitações
	- Nome : Baixe o último lançamento
	Run : Python3 Download/Download.py
	- Nome : Instale a Fontify Library
	Run : Dart Pub Global Activate Fontify
	- Nome : Execute o Fontify para gerar a fonte dos ícones (.ttf)
	Run : Dart Pub Global Run Fontify

Observe que a biblioteca Fontify sabe como encontrar os arquivos porque definimos a configuração no pubspec.yaml :

PixElarticons/PubSpec.yaml

Linhas 29 a 43 em 96354a3

	Fontify :
	input_svg_dir : " release/ svg/ "
	output_font_file : " fontes/pixelarticons.otf "
	output_class_file : " lib/pixel.dart "
	Class_name : " Pixel "
	Recada : 2
	Pacote : PixElarticons
	font_name : " Pixel Art Icons "
	Normalizar : Verdadeiro
	ignore_shapes : true
	Recursiva : Verdadeiro
	Verbose : false

Agora, o pacote está pronto para ser publicado, então fazemos isso logo depois:

pixElarticons/.github/workflows/flow.yaml

Linhas 67 a 84 em 96354a3

	- Nome : Crie arquivo de credenciais
	Run : Echo $ pub_credentials> ~/pub-credentials.json
	Env :
	Pub_credentials : $ {{secrets.pub_credentials}}
	- Nome : Adicione credenciais à pasta 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_credentials : $ {{secrets.pub_credentials}}
	- Nome : Arquivos gerados pelo formato
	Execute : Formato Dart.
	- Nome : Publicar
	Run : Dart Pub Publish -Force

Observe que as credenciais do pub são geradas depois de publicar o pacote pela primeira vez; portanto, o primeiro lançamento da sua ferramenta automatizada deve ser manual, e você copia as credenciais geradas em sua máquina local para os segredos do GitHub. Eu fiz isso há vários anos, então não sei se existe um novo método para autenticar no pub.dev.

---

Esse fluxo é desencadeado por um cron que funciona a cada 15 dias ou manualmente:

pixElarticons/.github/workflows/flow.yaml

Linhas 1 a 6 em 96354a3

	Nome : Gere a fonte e publique
	sobre :
	Workflow_dispatch :
	agendar :
	# Todo 1º e 15º de cada mês. Basicamente, a biblioteca se atualiza a cada 15 dias
	- Cron : " 0 0 1,15 * * "

Execute localmente

Para executar localmente, siga as mesmas etapas que a ação flow.yaml .

O diretório de trabalho é a raiz do repositório.

Ambiente necessário:

 Dart SDK version: 2.14.4 (stable)
Python 3.9.9

Breaking Change Exception

Isso significa que essa ferramenta não consegue encontrar o lançamento mais recente do repositório PixElarticons.

Mas isso pode ter várias causas ; portanto, a melhor maneira de corrigir é primeiro descobrir onde os ícones estão localizados no repositório original e, em seguida, atualize o script ~/download/download.py para corrigir/cobrir as alterações de quebra se existir (esse erro também pode ser causado por uma exceção simples do Python).

Por favor, preencha um problema para ver o que está dando errado e não se preocupe: todos os lançamentos e versões atuais estarão disponíveis.

Copyright

de código aberto

_{© 2022-presente, Alex Rintt.}

Ícones de Arte Pixel Wrapper é licenciado pelo MIT