pixelarticons Download - pixelarticons Quellcode Download

Pixel -Kunst -Icons -Paket für Flattern

Dieses Paket bietet eine Reihe von Pixel -Kunst -Symbolen als Schriftart für Flattern. Es kann genauso verwendet werden, wie wir Icons -Klasse verwenden.

Sehen Sie alle verfügbaren Symbole unter https://pixelarticons.com/free/ an.
Holen Sie sich die Figma -Datei unter https://www.figma.com/community/file/952542622393317653.

Icon -Set von @halfmage erstellt, wenn Ihnen dieses kostenlose Symbol -Set gefällt, mögen Ihnen auch die Premium -Set.

Vorschau anzeigen

Pixelarticons - Rahmen

Installieren Sie das Paket

Sie können die neueste Version auf pub.dev/pixelarticons überprüfen.

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

oder rennen:

flutter pub add pixelarticons

Importieren Sie das Paket

Importieren, wo immer Sie wollen:

 import 'package:pixelarticons/pixelarticons.dart' ;

Verwenden Sie als `IconData`

pixelarticons -Paket verwendet die IconData -Klasse, sodass die Verwendung der Icons -Klasse so ziemlich gleich ist, aber in Pixel umbenannt wurde.

Sich bewusst sein:

Unter Fall für alle Symbole und keine Separatoren , zum Beispiel, wird card-plus als Pixel.cardplus geschrieben.
Ikonen, die mit Nicht-Alpha-Zeichen wie 4k , 4k-box und 4g beginnen, werden mit k vorangestellt.
Symbole, die DART -Schlüsselwörter sind, wie switch sind ebenfalls mit k vorfixen.

Verwenden Sie stattdessen k4k , k4kbox , kswitch .

Icon Full List https://pixelarticons.com/free/.

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

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

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

Zweck dieser Bibliothek

Der Prozess der Einbeziehung von SVGs als Ikonen in Flutter ist wirklich langweilig:

Konvertieren Sie SVG in eine Schriftart. Sie können beispielsweise eine Rohmethode auswählen.
Importieren Sie die Icon -Schrift in das Flutter -Vermögen.
Erstellen Sie eine Klassenzuordnung, die jede Schriftart für ein benanntes statisches Feld zuordnet.
Dann sind Sie (wahrscheinlich) bereit, Ihre SVGs als Symbole zu verwenden.

Diese Bibliothek automatisiert diesen Prozess für Pixel -Kunst -Ikonen.

Beitragen

Verwenden Sie die Registerkarte "Probleme", um neue Funktionen und Fehlerberichte zu besprechen.

Wie es funktioniert

Zuerst überprüfen wir, ob ein neues Update im Pixel Art Icons Repository verfügbar ist:

pixelarticons/autoupdate/lib/has_new_release.dart

Zeilen 8 bis 10 in 96354a3

 endgültig bool hasupdate = warte hasUpDateAVailable (); 
 Stdout. write ( ':: set-output name = $ khasnewreleasActionKey :: $ hasupdate ' );

Wir verwenden einen benutzerdefinierten Schlüssel in der Datei pubspec.yaml , um die aktuelle veröffentlichte Version von Pixel -Art -Icons mit der neuesten Version der Repository -Pixel -Artikons zu vergleichen.

Wenn kein Update verfügbar ist, ignorieren Sie es:

Pixelarticons/.github/Workflows/Flow.yaml

Zeilen 12 bis 31 in 96354a3

 check_if_there_is_a_new_release_update_available : 
 Name : Überprüfen Sie, ob ein neues Release -Update verfügbar ist 
 Läufe : Ubuntu-latest 
 Ausgänge : 
 # 'update_available' stammt aus 'Has_New_Release.dart' Skript 
 update_available : $ {{{steps.there_is_a_new_update_available.outputs.update_available}} 
 Schritte : 
 - Verwendet : Aktionen/Checkout@v2 
 -verwendet : dart-Lang/setup-dart@v1 
 - Name : Holen Sie sich Abhängigkeiten 
 Run : CD autoupdate && dart pub Get && CD .. 
 - Name : Überprüfen Sie, ob es ein neues Update gibt 
 ID : " da 
 Ausführen : DART Run autoupdate/lib/has_new_release.dart 
 publish_new_release : 
 Name : Neue Paketveröffentlichung veröffentlichen 
 Bedürfnisse : ["check_if_there_is_a_new_release_update_available"] 
 if : $ {{Bedürfnisse.Check_if_there_is_a_new_release_update_available.outputs.update_available == 'true'}}

Andernfalls aktualisieren Sie die pubspec.yaml mit der neuesten Pixel -Art -Icons -Repository -Version und schieben Sie das neue Commit:

Pixelarticons/.github/Workflows/Flow.yaml

Zeilen 40 bis 53 in CFC1919

 - Name : Holen Sie sich Abhängigkeiten 
 Run : CD autoupdate && dart pub Get && CD .. 
 - Name : Aktualisieren Sie Pubspec.yaml [Version] und [Pixelarticons_version] 
 Ausführen : DART RUN AUTOUPDATE/lib/update.dart 
 - Name : Komitee -Nachricht generieren 
 ID : commit_msg 
 Ausführen : DART RUN AUTOUPDATE/lib/commit_msg.dart 
 # Änderungen des vorherigen Schritts hinzufügen, festlegen und drücken (aktualisieren Sie pubspec.yaml ...) 
 -Verwendet : endbug/add-and-commit@v9 # Sie können diese ändern, um eine bestimmte Version zu verwenden. 
 mit : 
 Meldung : $ {{steps.commit_msg.outputs.new_release_commit_msg}}

Nachdem wir nun in der Theorie mit der neuesten Repository-Version auf dem neuesten Stand sind (da wir gerade die Versionsinformationen aktualisiert haben), können Sie die Pixel-Kunst-Symbole SVGs herunterladen, generieren Sie die Schriftart und die Dart-Schriftklasse:

Pixelarticons/.github/Workflows/Flow.yaml

Zeilen 55 bis 65 in CFC1919

 - Name : Installieren Sie die Python -Bibliothek Anfragen 
 Ausführen : PIP -Installationsanforderungen 
 - Name : Die neueste Version herunterladen 
 Run : python3 download/download.py 
 - Name : Installieren Sie die Fontify -Bibliothek 
 Run : Dart Pub Global Activate Fontify 
 - Name : Fontify führen, um die Symbole zu generieren (.ttf) 
 Run : Dart Pub Global Run Fontify

Beachten Sie, dass die Fontify -Bibliothek weiß, wie Sie die Dateien finden, da wir die Konfiguration in der pubspec.yaml definiert haben:

Pixelarticons/Pubspec.yaml

Zeilen 29 bis 43 in 96354a3

 Schriftart : 
 input_svg_dir : " release/ svg/ " 
 output_font_file : " Schriftarten/pixelarticons.otf " 
 output_class_file : " lib/pixel.dart " 
 class_name : " pixel " 
 Eindrückung : 2 
 Paket : Pixelarticons 
 FONT_NAME : " Pixel -Kunst -Symbole " 
 Normalisieren : wahr 
 Ignore_Shapes : Richtig 
 rekursiv : wahr 
 ausführlich : Falsch

Jetzt ist das Paket bereit, veröffentlicht zu werden, also machen wir es direkt danach:

Pixelarticons/.github/Workflows/Flow.yaml

Zeilen 67 bis 84 in 96354a3

 - Name : Erstellen Sie die Datei Anmeldeinformationen 
 Lauf : echo $ pub_credentials> ~/pub-credentials.json 
 env : 
 Pub_credentials : $ {{secrets.pub_credentials}} 
 - Name : Fügen Sie den Dart -Ordner Anmeldeinformationen hinzu 
 Run : | 
 mkdir -p $ {xdg_config_home:-$ {home: -Default}}/dart 
 Berühren Sie $ {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}} 
 - Name : Format generierte Dateien 
 Run : Dart -Format. 
 - Name : Veröffentlichen 
 Run : Dart Pub Publish -Force

Beachten Sie, dass die Pub -Anmeldeinformationen nach dem ersten Veröffentlichen des Pakets generiert werden, sodass die erste Version Ihres automatisierten Tools manuell sein muss. Dann kopieren Sie die in Ihrer lokalen Maschine generierten Anmeldeinformationen in die Github -Geheimnisse. Ich habe das vor einigen Jahren gemacht, also weiß ich nicht, ob es eine neue Methode gibt, um sich auf Pub.dev zu authentieren.

Dieser Fluss wird durch einen Cron ausgelöst, der alle 15 Tage oder manuell läuft:

Pixelarticons/.github/Workflows/Flow.yaml

Zeilen 1 bis 6 in 96354a3

 Name : Schriftstelle generieren und veröffentlichen 
 An : 
 Workflow_Dispatch : 
 Zeitplan : 
 # Jeden 1. und 15. eines jeden Monats. Grundsätzlich aktualisieren die Bibliothek selbst alle 15 Tage selbst 
 - Cron : " 0 0 1,15 * * " 

Vor Ort laufen

Befolgen Sie die gleichen Schritte wie die flow.yaml -Aktion.

Das Arbeitsverzeichnis ist das Repository -Root.

Erforderliche Umgebung:

 Dart SDK version: 2.14.4 (stable)
Python 3.9.9

Ausnahme von Veränderungen ausbrechen

Dies bedeutet, dass dieses Tool die neueste Version des Pixelarticons -Repositorys nicht finden kann.

Dies kann jedoch mehrere Ursachen haben . Der beste Weg, um zu beheben, besteht darin, zuerst herauszufinden, wo sich die Symbole im ursprünglichen Repository befinden, und dann das Skript ~/download/download.py zu aktualisieren, um die Bruchänderungen zu beheben/abzudecken, wenn sie vorhanden sind (dieser Fehler kann auch durch eine einfache Python -Ausnahme verursacht werden).

Bitte füllen Sie ein Problem aus, um zu sehen, was schief geht, und machen Sie sich keine Sorgen: Alle aktuellen Veröffentlichungen und Versionen werden verfügbar sein.

Expandieren

pixelarticons

Pixel -Kunst -Icons -Paket für Flattern

Installieren Sie das Paket

Importieren Sie das Paket

Verwenden Sie als `IconData`

Zweck dieser Bibliothek

Beitragen

Wie es funktioniert

Vor Ort laufen

Ausnahme von Veränderungen ausbrechen

Open Source

fedraserif

fontplayer

XiaoyaPixel

Microsoft Yahei-Schriftart Windows XP-Version

fontinfo

Kalligrafie-Schriftart Mi Fu

chat.petals.dev

GPT Prompt Templates

GPTyped

fedraserif

fontplayer

XiaoyaPixel

Google Dorks

shepherd

mongo express

	endgültig bool hasupdate = warte hasUpDateAVailable ();

	Stdout. write ( ':: set-output name = $ khasnewreleasActionKey :: $ hasupdate ' );

	check_if_there_is_a_new_release_update_available :
	Name : Überprüfen Sie, ob ein neues Release -Update verfügbar ist
	Läufe : Ubuntu-latest
	Ausgänge :
	# 'update_available' stammt aus 'Has_New_Release.dart' Skript
	update_available : $ {{{steps.there_is_a_new_update_available.outputs.update_available}}
	Schritte :
	- Verwendet : Aktionen/Checkout@v2
	-verwendet : dart-Lang/setup-dart@v1

	- Name : Holen Sie sich Abhängigkeiten
	Run : CD autoupdate && dart pub Get && CD ..

	- Name : Überprüfen Sie, ob es ein neues Update gibt
	ID : " da
	Ausführen : DART Run autoupdate/lib/has_new_release.dart
	publish_new_release :
	Name : Neue Paketveröffentlichung veröffentlichen
	Bedürfnisse : ["check_if_there_is_a_new_release_update_available"]
	if : $ {{Bedürfnisse.Check_if_there_is_a_new_release_update_available.outputs.update_available == 'true'}}

	- Name : Holen Sie sich Abhängigkeiten
	Run : CD autoupdate && dart pub Get && CD ..

	- Name : Aktualisieren Sie Pubspec.yaml [Version] und [Pixelarticons_version]
	Ausführen : DART RUN AUTOUPDATE/lib/update.dart

	- Name : Komitee -Nachricht generieren
	ID : commit_msg
	Ausführen : DART RUN AUTOUPDATE/lib/commit_msg.dart

	# Änderungen des vorherigen Schritts hinzufügen, festlegen und drücken (aktualisieren Sie pubspec.yaml ...)
	-Verwendet : endbug/add-and-commit@v9 # Sie können diese ändern, um eine bestimmte Version zu verwenden.
	mit :
	Meldung : $ {{steps.commit_msg.outputs.new_release_commit_msg}}

	- Name : Installieren Sie die Python -Bibliothek Anfragen
	Ausführen : PIP -Installationsanforderungen

	- Name : Die neueste Version herunterladen
	Run : python3 download/download.py

	- Name : Installieren Sie die Fontify -Bibliothek
	Run : Dart Pub Global Activate Fontify

	- Name : Fontify führen, um die Symbole zu generieren (.ttf)
	Run : Dart Pub Global Run Fontify

	Schriftart :
	input_svg_dir : " release/ svg/ "
	output_font_file : " Schriftarten/pixelarticons.otf "

	output_class_file : " lib/pixel.dart "
	class_name : " pixel "
	Eindrückung : 2
	Paket : Pixelarticons

	FONT_NAME : " Pixel -Kunst -Symbole "
	Normalisieren : wahr
	Ignore_Shapes : Richtig

	rekursiv : wahr
	ausführlich : Falsch

	- Name : Erstellen Sie die Datei Anmeldeinformationen
	Lauf : echo $ pub_credentials> ~/pub-credentials.json
	env :
	Pub_credentials : $ {{secrets.pub_credentials}}

	- Name : Fügen Sie den Dart -Ordner Anmeldeinformationen hinzu
	Run : \|
	mkdir -p $ {xdg_config_home:-$ {home: -Default}}/dart
	Berühren Sie $ {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}}

	- Name : Format generierte Dateien
	Run : Dart -Format.

	- Name : Veröffentlichen
	Run : Dart Pub Publish -Force

	Name : Schriftstelle generieren und veröffentlichen
	An :
	Workflow_Dispatch :
	Zeitplan :
	# Jeden 1. und 15. eines jeden Monats. Grundsätzlich aktualisieren die Bibliothek selbst alle 15 Tage selbst
	- Cron : " 0 0 1,15 * * "

pixelarticons

Pixel -Kunst -Icons -Paket für Flattern

Installieren Sie das Paket

Importieren Sie das Paket

Verwenden Sie als IconData

Zweck dieser Bibliothek

Beitragen

Wie es funktioniert

Vor Ort laufen

Ausnahme von Veränderungen ausbrechen

Open Source

Verwenden Sie als `IconData`