pixelarticons

Paket Ikon Seni Pixel untuk Flutter

Paket ini menyediakan satu set ikon seni pixel sebagai font untuk flutter, dapat digunakan dengan cara yang sama kami menggunakan kelas Icons .

• Lihat semua ikon yang tersedia di https://pixelarticons.com/free/.
• Dapatkan file figma di https://www.figma.com/community/file/952542622393317653.

Set ikon dibuat oleh @halfmage, jika Anda menyukai ikon gratis ini, Anda juga akan menyukai yang premium.

Tampilkan pratinjau

Instal paket

Anda dapat memeriksa versi terbaru di pub.dev/pixelarticons.

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

atau jalankan:

flutter pub add pixelarticons

Impor paket

Impor di mana pun Anda inginkan:

 import 'package:pixelarticons/pixelarticons.dart' ;

Gunakan sebagai IconData

Paket pixelarticons menggunakan kelas IconData , sehingga penggunaannya hampir sama dengan kelas Icons tetapi berganti nama menjadi Pixel .

Menyadari:

• Kasus bawah untuk semua ikon dan tidak ada pemisah , misalnya card-plus ditulis sebagai Pixel.cardplus .
• Ikon yang dimulai dengan karakter non-alpha , seperti 4k , 4k-box , 4g diawali dengan k .
• Ikon yang merupakan kata kunci DART, seperti switch juga awalan dengan k .

Jadi gunakan k4k , k4kbox , kswitch sebagai gantinya.

Ikon Daftar Lengkap https://pixelarticons.com/free/.

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

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

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

---

Tujuan perpustakaan ini

Proses memasukkan SVG sebagai ikon dalam flutter benar -benar membosankan:

1. Konversi SVG ke font, Anda dapat memilih metode mentah misalnya.
2. Impor font ikon dalam aset flutter.
3. Buat kelas pemetaan setiap charcode font ke bidang statis bernama.
4. Maka Anda (mungkin) siap menggunakan SVG Anda sebagai ikon.

Perpustakaan ini mengotomatiskan proses ini untuk ikon seni pixel.

Menyumbang

Gunakan tab Masalah untuk membahas fitur baru dan laporan bug.

Cara kerjanya

Pertama kami memeriksa apakah ada pembaruan baru yang tersedia dari repositori Ikon Seni Pixel:

pixelarticons/autoupdate/lib/has_new_release.dart

Baris 8 hingga 10 di 96354a3

	final bool hasupdate = menunggu hasupdateAvailable ();
	stdout. write ( ':: set-output name = $ KhasNewReleaseactionKey :: $ hasUpdate ' );

Kami menggunakan kunci khusus di file pubspec.yaml untuk membandingkan versi ikon seni pixel yang diterbitkan saat ini dengan versi ikon seni pixel repositori terbaru.

Jika tidak ada pembaruan yang tersedia, abaikan saja:

pixelarticons/.github/workflows/flow.yaml

Baris 12 hingga 31 di 96354a3

	check_if_there_is_a_new_release_update_available :
	Nama : Periksa apakah ada pembaruan rilis baru yang tersedia
	run-on : ubuntu-latest
	output :
	# 'update_available' berasal dari 'has_new_release.dart' skrip
	update_available : $ {{steps.there_is_a_new_update_available.outputs.update_available}}
	Langkah :
	- Penggunaan : Tindakan/Checkout@V2
	-Penggunaan : Dart-Lang/Setup-Dart@V1
	- Nama : Dapatkan dependensi
	Jalankan : CD AutoupDate && Dart Pub Get && CD ..
	- Nama : Periksa apakah ada pembaruan baru
	ID : " There_is_a_new_update_available "
	Jalankan : Dart Run AutoupDate/lib/has_new_release.dart
	publish_new_release :
	Nama : Publikasikan Rilis Paket Baru
	kebutuhan : ["check_if_there_is_a_new_release_update_available"]
	if : $ {{need.check_if_there_is_a_new_release_update_available.outputs.update_available == 'true'}}

Jika tidak, perbarui pubspec.yaml dengan versi repositori Ikon Seni Pixel terbaru dan dorong komit baru:

pixelarticons/.github/workflows/flow.yaml

Baris 40 hingga 53 di CFC1919

	- Nama : Dapatkan dependensi
	Jalankan : CD AutoupDate && Dart Pub Get && CD ..
	- Nama : Perbarui pubspec.yaml [versi] dan [pixelarticons_version]
	Jalankan : Dart Run AutoupDate/Lib/Update.dart
	- Nama : menghasilkan pesan komit
	ID : commit_msg
	Jalankan : Dart Run AutoupDate/lib/commit_msg.dart
	# Tambah, komit, dan tekan perubahan dari langkah sebelumnya (perbarui pubspec.yaml ...)
	-Penggunaan : endbug/add-and-commit@v9 # Anda dapat mengubah ini untuk menggunakan versi tertentu.
	dengan :
	Pesan : $ {{steps.commit_msg.outputs.new_release_commit_msg}}

Sekarang kami terkini dengan versi repositori terbaru dalam teori (karena kami baru saja memperbarui info versi), mari kita benar-benar mengunduh Ikon Seni Pixel SVGS, menghasilkan font dan kelas font DART:

pixelarticons/.github/workflows/flow.yaml

Baris 55 hingga 65 di CFC1919

	- Nama : Instal Permintaan Perpustakaan Python
	Jalankan : Permintaan pemasangan PIP
	- Nama : Unduh rilis terbaru
	Jalankan : python3 download/download.py
	- Nama : Instal Fontify Library
	Jalankan : Dart Pub Global Activate Fontify
	- Nama : Jalankan Fontify untuk menghasilkan font ikon (.ttf)
	Jalankan : Dart Pub Global Run Fontify

Perhatikan bahwa pustaka fontify tahu cara menemukan file karena kami mendefinisikan konfigurasi di pubspec.yaml :

pixelarticons/pubspec.yaml

Baris 29 hingga 43 dalam 96354a3

	Fontify :
	input_svg_dir : " rilis/ svg/ "
	output_font_file : " font/pixelarticons.otf "
	output_class_file : " lib/pixel.dart "
	class_name : " pixel "
	Indentasi : 2
	Paket : Pixelarticons
	font_name : " ikon seni pixel "
	Normalisasi : Benar
	abaikan_shapes : Benar
	Rekursif : Benar
	Verbose : Salah

Sekarang, paket siap untuk diterbitkan, jadi kami melakukannya setelah:

pixelarticons/.github/workflows/flow.yaml

Baris 67 hingga 84 dalam 96354a3

	- Nama : Buat file kredensial
	Jalankan : echo $ pub_credentials> ~/pub-credentials.json
	Env :
	Pub_credentials : $ {{secrets.pub_credentials}}
	- Nama : Tambahkan kredensial ke folder DART
	Jalankan : |
	mkdir -p $ {xdg_config_home:-$ {home: -default}}/dart
	Sentuh $ {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}}
	- Nama : Format file yang dihasilkan
	Jalankan : Format DART.
	- Nama : Publikasikan
	Jalankan : Dart Pub Publish -Force

Perhatikan bahwa kredensial pub dihasilkan setelah Anda mempublikasikan paket untuk pertama kalinya, jadi rilis pertama alat otomatis Anda harus manual, maka Anda menyalin kredensial yang dihasilkan di mesin lokal Anda ke rahasia github. Saya melakukan ini beberapa tahun yang lalu, jadi saya tidak tahu apakah ada metode baru untuk auth di pub.dev.

---

Aliran ini dipicu oleh cron yang beroperasi setiap 15 hari atau secara manual:

pixelarticons/.github/workflows/flow.yaml

Baris 1 hingga 6 di 96354a3

	Nama : Hasilkan Font dan Publikasikan
	pada :
	workflow_dispatch :
	jadwal :
	# Setiap 1 dan 15 setiap bulan. Pada dasarnya perpustakaan memperbarui dirinya sendiri setiap 15 hari
	- cron : " 0 0 1,15 * * "

Jalankan secara lokal

Untuk berjalan secara lokal, ikuti langkah yang sama dengan tindakan flow.yaml .

Direktori kerja adalah root repositori.

Lingkungan yang diperlukan:

 Dart SDK version: 2.14.4 (stable)
Python 3.9.9

Breaking Change Exception

Ini berarti bahwa alat ini tidak dapat menemukan rilis terbaru dari repositori Pixelarticons.

Tetapi ini dapat memiliki beberapa penyebab , jadi cara terbaik untuk memperbaikinya adalah dengan mencari tahu di mana ikon berada di repositori asli dan kemudian memperbarui skrip ~/download/download.py untuk memperbaiki/menutupi perubahan yang melanggar jika ada (kesalahan ini juga dapat disebabkan oleh pengecualian Python sederhana).

Harap isi masalah untuk melihat apa yang salah dan jangan khawatir: semua rilis dan versi saat ini akan tersedia.

Hak Cipta

Open Source

_{© 2022-Present, Alex Rintt.}

Ikon Seni Pixel Pembungkus Dart adalah MIT berlisensi