首頁>建站資源>字體下載
下載

Pixel Art圖標包裝撲麵包

該軟件包提供了一組像素藝術圖標作為撲朔迷離的字體，它可以與我們使用Icons類的方式相同。

  • 請參閱https://pixelarticons.com/free/上的所有可用圖標。
  • 從https://www.figma.com/community/file/952542622393317653獲取FIGMA文件。

由@halfmage創建的圖標集，如果您喜歡此免費圖標集，您也會喜歡高級圖標。

展示預覽

Pixelarticons-框架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 。
  • 像DART關鍵字一樣的圖標，例如switch ，也是k的前綴。

因此，請改用k4k ， k4kbox ， kswitch 。

圖標完整列表https://pixelarticons.com/free/。 

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

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

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

這個庫的目的

將SVG作為圖標中的圖標的過程確實很無聊：

  1. 將SVG轉換為字體，您可以選擇一個原始方法。
  2. 導入圖標字體中的顫音資產。
  3. 創建一個將每個字體charcode映射到命名靜態字段的類。
  4. 然後，您已經準備好將SVG用作圖標。

該庫為像素藝術圖標自動化此過程。

貢獻

使用“問題”選項卡討論新功能和錯誤報告。

它如何工作

首先，我們檢查是否有來自Pixel Art圖標存儲庫中的新更新：

pixelarticons/autoupdate/lib/has_new_release.dart

第8至10行96354a3

最終的bool hasupdate =等待hasupdateavailable （）;
Stdout。 write （ ':: set-output name = $ khasnewReleAseActionKey :: $ hasupdate ' ）;

我們在pubspec.yaml文件中使用自定義密鑰來比較當前發布的像素藝術圖標的版本與最新的存儲庫像素藝術圖標版本。

如果沒有可用的更新，請忽略它：

Pixelarticons/.github/Workflows/flow.yaml

第12至31行96354a3

check_if_there_is_a_new_release_update_available ：
名稱：檢查是否有新版本更新
運行： ubuntu-latest
輸出：
＃ 'update_available'來自'has_new_release.dart'腳本
update_available ： $ {{
步驟：
-用途：操作/結帳@v2
-用途： Dart-lang/setup-dart@v1
-名稱：獲得依賴
運行： CD autoupdate && Dart Pub Get && CD。
-名稱：檢查是否有新更新
id ： “ where_is_a_new_update_available ”
運行： DART運行自動啟動/lib/has_new_release.dart
publish_new_release ：
名稱：發布新包裝版本
需求： [“ check_if_there_is_a_new_release_update_available”]
if ： $ {{suert.check_if_there_is_a_a_new_release_update_available.outputs.update_available =='true'}}}

否則，請使用最新的Pixel Art圖標存儲庫版本更新pubspec.yaml ，然後推動新提交：

Pixelarticons/.github/Workflows/flow.yaml

CFC1919中的第40至53行

-名稱：獲得依賴
運行： CD autoupdate && Dart Pub Get && CD。
-名稱：更新PubSpec.yaml [版本]和[Pixelarticons_version]
運行： DART運行自動啟動/lib/update.dart
-名稱：生成提交消息
id ： commit_msg
運行： DART運行自動啟動/lib/commit_msg.dart
＃添加，提交和推動上一步的更改（更新PubSpec.yaml ...）
-用途： endBug/add-commit@v9 ＃您可以將其更改為使用特定版本。
和：
消息： $ {{steps.commit_msg.outputs.new_release_commit_msg}}}

現在，我們已經了解了理論上最新的存儲庫版本（因為我們剛剛更新了版本信息），我們實際下載了Pixel Art Icons SVG，生成字體和Dart字體類：

Pixelarticons/.github/Workflows/flow.yaml

CFC1919中的第55至65行

-名稱：安裝請求Python庫
運行： PIP安裝請求
-名稱：下載最新版本
運行： python3 download/download.py
-名稱：安裝fontify庫
運行： Dart Pub全局激活Fontify
-名稱：運行fontify生成圖標字體（.ttf）
運行： Dart Pub Global Run Fontify

請注意，fontify庫知道如何找到文件，因為我們在pubspec.yaml中定義了配置：

Pixelarticons/pubspec.yaml

第29至43行96354a3

fontify ：
input_svg_dir ： “發布/ svg/ ”
output_font_file ： “ fonts/pixelarticons.otf ”
output_class_file ： “ lib/pixel.dart ”
class_name ： “像素”
縮進： 2
軟件包： Pixelarticons
font_name ： “像素藝術圖標”
歸一化：正確
ignore_ shapes ： true
遞歸：是的
冗長：錯誤

現在，該包已準備就緒，因此我們立即進行以下操作：

Pixelarticons/.github/Workflows/flow.yaml

第67至84行96354a3

-名稱：創建憑據文件
運行： 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/dart/pub-credentials.json
cp〜/pub-credentials.json $ {xdg_config_home： - $ {home：-default}}}/dart/dart/pub-credentials.json
env ：
pub_credentials ： $ {{secrets.pub_credentials}}
-名稱：格式生成的文件
運行： DART格式。
-名稱：發布
運行： Dart Pub Publish -Force

請注意，Pub憑據是您首次發布包裝後生成的，因此自動化工具的第一個版本必須是手動的，然後將本地計算機中生成的憑據複製到GitHub Secrets。幾年前，我做到了這一點，所以我不知道是否有一種新方法可以在pub.dev上進行認證。

該流程是由每15天或手動運行的Cron觸發的：

Pixelarticons/.github/Workflows/flow.yaml

第1至6行96354a3

名稱：生成字體並發布
在：
workflow_dispatch ：
日程：
＃每個月的每1和15。基本上圖書館每15天更新一次
-Cron ： “ 0 0 1,15 * * ”

本地運行

要在本地運行，請遵循與flow.yaml動作相同的步驟。

工作目錄是存儲庫根。

必需的環境： 

 Dart SDK version: 2.14.4 (stable)
Python 3.9.9

破壞變化例外

這意味著該工具找不到Pixelarticons存儲庫的最新版本。

但這可能會有幾個原因，因此修復的最佳方法是首先找出圖標位於原始存儲庫中的位置，然後更新~/download/download.py腳本以修復/覆蓋破裂的更改（此錯誤也可能是由簡單的Python異常引起的）。

請填寫一個問題以查看出了什麼問題，不用擔心：所有當前版本和版本都將可用。


開源

版權所有©2022-PRESENT，ALEX RINTT。

像素藝術圖標飛鏢包裝器已獲得麻省理工學院許可
展開
附加信息
相關應用
爲您推薦
相關資訊 全部