pixelarticonsダウンロードpixelarticonsソースコードのダウンロード

フラッター用のピクセルアートアイコンパッケージ

このパッケージは、Flutterのフォントとしてピクセルアートアイコンのセットを提供します。 Iconsクラスを使用するのと同じ方法で使用できます。

https://pixelarticons.com/free/で利用可能なすべてのアイコンを参照してください。
https://www.figma.com/community/file/952542622393317653でFigmaファイルを入手してください。

@HalfMageによって作成されたアイコンセット、この無料アイコンセットが好きなら、プレミアムのアイコンも気に入ってしまいます。

プレビューを表示します

Pixelarticons-フレーム

パッケージをインストールします

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が付いています。
switchのようなDARTキーワードであるアイコンは、 kでもプレフィックスです。

したがって、代わりにk4k 、 k4kbox 、 kswitch使用してください。

アイコンフルリストhttps://pixelarticons.com/free/。

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

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

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

このライブラリの目的

FlutterのアイコンとしてSVGを含めるプロセスは本当に退屈です：

SVGをフォントに変換すると、たとえば生の方法を選択できます。
フラッター資産にアイコンフォントをインポートします。
各フォントチャルコードを名前付き静的フィールドにマッピングするクラスを作成します。
その後、（おそらく）SVGをアイコンとして使用する準備ができています。

このライブラリは、ピクセルアートアイコンのこのプロセスを自動化します。

貢献する

[問題]タブを使用して、新機能とバグレポートについて説明します。

それがどのように機能するか

最初に、Pixel Art Iconsリポジトリから利用可能な新しいアップデートがあるかどうかを確認します。

pixelarticons/autoupdate/lib/has_new_release.dart

96354A3の8〜10行目

 final bool hasupdate = await hasupdateavailable （）; 
 stdout。 write （ ':: set-output name = $ khasnewreleaseaCtionkey :: $ hasupdate ' ）;

pubspec.yamlファイルのカスタムキーを使用して、Pixel Artアイコンの現在公開されているバージョンを最新のリポジトリPixel Art Iconsバージョンと比較します。

利用可能な更新がない場合は、それを無視してください：

pixelarticons/.github/workflows/flow.yaml

96354A3の12〜31行

 check_if_there_is_a_new_release_update_available ： 
名前：利用可能な新しいリリースアップデートがあるかどうかを確認します
 runs-on ： ubuntu-latest 
出力： 
 ＃ 'update_available'は、「has_new_release.dart」スクリプトから来ました
 update_available ： $ {{steps.there_is_a_new_update_available.outputs.update_available}}} 
ステップ： 
 -使用：アクション/チェックアウト@V2 
 -使用： Dart-Lang/Setup-Dart@V1 
 -名前：依存関係を取得します
実行： cd autoupdate && dart pub get && cd .. 
 -名前：新しいアップデートがあるかどうかを確認します
 ID ： " there_is_a_new_update_available " 
実行： dart run autoupdate/lib/has_new_release.dart 
 publish_new_release ： 
名前：新しいパッケージリリースを公開します
ニーズ： ["check_if_there_is_a_new_release_update_available"]] 
 if ： $ {{needs.check_if_there_is_a_new_release_update_available.outputs.update_available == 'true'}}

それ以外の場合は、 pubspec.yaml最新のPixel Art Iconsリポジトリバージョンで更新し、新しいコミットをプッシュします。

pixelarticons/.github/workflows/flow.yaml

CFC1919の40〜53行

 -名前：依存関係を取得します
実行： 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}}}

理論的に最新のリポジトリバージョンを最新の状態にしているので（バージョン情報を更新したばかりなので）、実際にピクセルアートアイコンSVGをダウンロードし、フォントとDARTフォントクラスを生成します。

pixelarticons/.github/workflows/flow.yaml

CFC1919の55〜65行

 -名前：インストールPythonライブラリ
実行： PIPインストールリクエスト
 -名前：最新リリースをダウンロードします
実行： python3 download/download.py 
 -名前： Fontifyライブラリをインストールします
実行： Dart Pub Global Activate Fontify 
 -名前： fontifyを実行してアイコンフォント（.ttf）を生成します
実行： Dart Pub Global Run Fontify

fontifyライブラリは、 pubspec.yamlで構成を定義したため、ファイルを見つける方法を知っていることに注意してください。

pixelarticons/pubspec.yaml

96354A3の29〜43行

 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 Icons 」 
正常化： true 
 Ingrore_shapes ： true 
再帰：本当
 Verbose ： false

これで、パッケージを公開する準備ができているので、すぐに行います。

pixelarticons/.github/workflows/flow.yaml

96354A3の67〜84行

 -名前：資格情報ファイルを作成します
実行： echo $ pub_credentials>〜/pub-credentials.json 
 env ： 
 pub_credentials ： $ {{secrets.pub_credentials}} 
 -名前： DARTフォルダーに資格情報を追加します
実行： | 
 mkdir -p $ {xdg_config_home： -  $ {home：-default}}/dart 
 $ {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形式。 
 -名前：公開
実行： Dart Pub Publish  -  Force

PUB資格情報は初めてパッケージを公開した後に生成されるため、自動化されたツールの最初のリリースはマニュアルでなければならないことに注意してください。次に、地元のマシンで生成された資格情報をGitHubの秘密にコピーする必要があります。私は数年前にこれをしたので、pub.devで認証する新しい方法があるかどうかはわかりません。

このフローは、15日ごとに実行される、または手動で実行されるクロンによってトリガーされます。

pixelarticons/.github/workflows/flow.yaml

96354A3の1〜6行目

名前：フォントを生成して公開します
の上： 
 workflow_dispatch ： 
スケジュール： 
 ＃毎月1日ごとに。基本的に、ライブラリは15日ごとに更新されます
 -クロン： 「 0 0 1,15 * * 」 

ローカルで実行します

ローカルで実行するには、 flow.yamlアクションと同じ手順に従ってください。

作業ディレクトリはリポジトリルートです。

必要な環境：

 Dart SDK version: 2.14.4 (stable)
Python 3.9.9

変更の例外を破ります

これは、このツールがPixelarticonsリポジトリの最新リリースを見つけることができないことを意味します。

ただし、これにはいくつかの原因がある可能性があるため、最初に元のリポジトリのアイコンがどこにあるかを最初に把握し、 ~/download/download.pyスクリプトを更新して、存在する場合に壊れた変更を修正/カバーすることです（このエラーは単純なPython例外によって引き起こされる可能性があります）。

問題を記入して、何が問題になっているのかを確認し、心配しないでください。現在のすべてのリリースとバージョンが利用可能になります。

拡大する

pixelarticons

フラッター用のピクセルアートアイコンパッケージ

パッケージをインストールします

パッケージをインポートします

`IconData`として使用します

このライブラリの目的

貢献する

それがどのように機能するか

ローカルで実行します

変更の例外を破ります

オープンソース

fedraserif

fontplayer

XiaoyaPixel

Microsoft 弥平フォント Windows XP 版

fontinfo

Mi Fu 書道フォント

chat.petals.dev

GPT Prompt Templates

GPTyped

fedraserif

fontplayer

XiaoyaPixel

Google Dorks

shepherd

mongo express

	final bool hasupdate = await hasupdateavailable （）;

	stdout。 write （ ':: set-output name = $ khasnewreleaseaCtionkey :: $ hasupdate ' ）;

	check_if_there_is_a_new_release_update_available ：
	名前：利用可能な新しいリリースアップデートがあるかどうかを確認します
	runs-on ： ubuntu-latest
	出力：
	＃ 'update_available'は、「has_new_release.dart」スクリプトから来ました
	update_available ： $ {{steps.there_is_a_new_update_available.outputs.update_available}}}
	ステップ：
	-使用：アクション/チェックアウト@V2
	-使用： Dart-Lang/Setup-Dart@V1

	-名前：依存関係を取得します
	実行： cd autoupdate && dart pub get && cd ..

	-名前：新しいアップデートがあるかどうかを確認します
	ID ： " there_is_a_new_update_available "
	実行： dart run autoupdate/lib/has_new_release.dart
	publish_new_release ：
	名前：新しいパッケージリリースを公開します
	ニーズ： ["check_if_there_is_a_new_release_update_available"]]
	if ： $ {{needs.check_if_there_is_a_new_release_update_available.outputs.update_available == 'true'}}

	-名前：依存関係を取得します
	実行： 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}}}

	-名前：インストールPythonライブラリ
	実行： PIPインストールリクエスト

	-名前：最新リリースをダウンロードします
	実行： python3 download/download.py

	-名前： Fontifyライブラリをインストールします
	実行： Dart Pub Global Activate Fontify

	-名前： fontifyを実行してアイコンフォント（.ttf）を生成します
	実行： Dart Pub Global Run Fontify

	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 Icons 」
	正常化： true
	Ingrore_shapes ： true

	再帰：本当
	Verbose ： false

	-名前：資格情報ファイルを作成します
	実行： echo $ pub_credentials>〜/pub-credentials.json
	env ：
	pub_credentials ： $ {{secrets.pub_credentials}}

	-名前： DARTフォルダーに資格情報を追加します
	実行： \|
	mkdir -p $ {xdg_config_home： - $ {home：-default}}/dart
	$ {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形式。

	-名前：公開
	実行： Dart Pub Publish - Force

	名前：フォントを生成して公開します
	の上：
	workflow_dispatch ：
	スケジュール：
	＃毎月1日ごとに。基本的に、ライブラリは15日ごとに更新されます
	-クロン：「 0 0 1,15 * * 」

pixelarticons

フラッター用のピクセルアートアイコンパッケージ

パッケージをインストールします

パッケージをインポートします

IconDataとして使用します

このライブラリの目的

貢献する

それがどのように機能するか

ローカルで実行します

変更の例外を破ります

オープンソース

`IconData`として使用します