pixelarticons

แพ็คเกจไอคอนพิกเซลศิลปะสำหรับ Flutter

แพ็คเกจนี้มีชุดไอคอนศิลปะพิกเซลเป็นตัวอักษรสำหรับการกระพือมันสามารถใช้ในแบบเดียวกับที่เราใช้คลาส Icons

• ดูไอคอนที่มีอยู่ทั้งหมดได้ที่ https://pixelarticons.com/free/
• รับไฟล์ FIGMA ที่ https://www.figma.com/community/file/9525426223933317653

ชุดไอคอนที่สร้างโดย @halfmage หากคุณชอบชุดไอคอนฟรีนี้คุณจะชอบชุดพรีเมี่ยม

แสดงตัวอย่าง

ติดตั้งแพ็คเกจ

คุณสามารถตรวจสอบเวอร์ชันล่าสุดได้ที่ 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);

---

วัตถุประสงค์ของห้องสมุดนี้

กระบวนการรวม SVGs เป็นไอคอนใน Flutter นั้นน่าเบื่อจริงๆ:

1. แปลง SVG เป็นแบบอักษรคุณสามารถเลือกวิธีดิบได้เช่น
2. นำเข้าแบบอักษรไอคอนในสินทรัพย์กระพือ
3. สร้างการแมปคลาสแต่ละตัวอักษรตัวอักษรไปยังฟิลด์คงที่ชื่อ
4. จากนั้นคุณก็พร้อมที่จะใช้ SVG ของคุณเป็นไอคอน

ไลบรารีนี้ทำให้กระบวนการนี้เป็นไอคอนพิกเซลศิลปะโดยอัตโนมัติ

มีส่วนช่วย

ใช้แท็บปัญหาเพื่อหารือเกี่ยวกับคุณสมบัติใหม่และรายงานข้อผิดพลาด

มันทำงานอย่างไร

ก่อนอื่นเราตรวจสอบว่ามีการอัปเดตใหม่จากที่เก็บไอคอนพิกเซลศิลปะหรือไม่:

Pixelarticons/autoupdate/lib/has_new_release.dart

บรรทัด 8 ถึง 10 ใน 96354A3

	bool สุดท้าย hasupdate = รอ hasupdateavailable ();
	stdout เขียน ( ':: ชื่อ set-output = $ khasnewreaseactionkey :: $ hasupdate ' );

เราใช้คีย์ที่กำหนดเองในไฟล์ pubspec.yaml เพื่อเปรียบเทียบไอคอน Pixel Art เวอร์ชันปัจจุบันกับไอคอน Icons Pixel Art ล่าสุด

หากไม่มีการอัปเดตให้ละเว้น:

Pixelarticons/.github/Workflows/flow.yaml

บรรทัดที่ 12 ถึง 31 ใน 96354A3

	check_if_there_is_a_new_release_update_available :
	ชื่อ : ตรวจสอบว่ามีการอัปเดตรุ่นใหม่หรือไม่
	Runs-On : Ubuntu-latest
	เอาต์พุต :
	# 'update_available' มาจาก 'has_new_release.dart' สคริปต์ 'has_new_release.dart'
	update_available : $ {{steps.there_is_a_new_update_available.outputs.update_available}}
	ขั้นตอน :
	- ใช้ : การกระทำ/เช็คเอาท์@v2
	- ใช้ : Dart-lang/setup-dart@v1
	- ชื่อ : รับการพึ่งพา
	Run : CD AutoupDate && Dart Pub รับ && cd ..
	- ชื่อ : ตรวจสอบว่ามีการอัปเดตใหม่หรือไม่
	ID : " มี _is_a_new_update_available "
	Run : Dart Run AutoupDate/lib/has_new_release.dart
	publish_new_release :
	ชื่อ : เผยแพร่แพ็คเกจใหม่
	ความต้องการ : ["check_if_there_is_a_new_release_update_available"]
	if : $ {{chante.check_if_there_is_a_new_release_update_available.outputs.update_available == 'True'}}}

มิฉะนั้นให้อัปเดต pubspec.yaml ด้วยรุ่นที่เก็บไอคอนพิกเซลล่าสุดและผลักดันการกระทำใหม่:

Pixelarticons/.github/Workflows/flow.yaml

บรรทัด 40 ถึง 53 ใน CFC1919

	- ชื่อ : รับการพึ่งพา
	Run : CD AutoupDate && Dart Pub รับ && cd ..
	- ชื่อ : อัปเดต pubspec.yaml [เวอร์ชัน] และ [pixelarticons_version]
	Run : Dart Run AutoupDate/lib/update.dart
	- ชื่อ : สร้างข้อความ commit
	ID : commit_msg
	Run : Dart Run AutoupDate/lib/commit_msg.dart
	# เพิ่ม, กระทำและผลักดันการเปลี่ยนแปลงของขั้นตอนก่อนหน้า (อัปเดต pubspec.yaml ... )
	- ใช้ : endbug/add-and-commit@v9 # คุณสามารถเปลี่ยนสิ่งนี้เพื่อใช้เวอร์ชันเฉพาะ
	กับ :
	ข้อความ : $ {{steps.commit_msg.outputs.new_release_commit_msg}}

ตอนนี้เรามีความทันสมัยกับเวอร์ชันที่เก็บล่าสุดในทฤษฎี (เนื่องจากเราเพิ่งอัปเดตข้อมูลเวอร์ชัน) ให้ดาวน์โหลดไอคอนพิกเซลศิลปะ SVGs สร้างแบบอักษรและคลาสแบบอักษร Dart:

Pixelarticons/.github/Workflows/flow.yaml

บรรทัด 55 ถึง 65 ใน CFC1919

	- ชื่อ : ติดตั้งคำขอ Python Library
	Run : คำขอติดตั้ง PIP
	- ชื่อ : ดาวน์โหลดรุ่นล่าสุด
	Run : Python3 ดาวน์โหลด/ดาวน์โหลด. py
	- ชื่อ : ติดตั้ง Fontify Library
	Run : Dart Pub Global Activate Fontify
	- ชื่อ : เรียกใช้ Fontify เพื่อสร้างแบบอักษรไอคอน (.ttf)
	Run : Dart Pub Global Run Fontify

โปรดทราบว่าไลบรารี Fontify รู้วิธีค้นหาไฟล์เพราะเรากำหนดค่าการกำหนดค่าใน pubspec.yaml :

Pixelarticons/pubspec.yaml

บรรทัด 29 ถึง 43 ใน 96354A3

	ตัวอักษร :
	input_svg_dir : " release/ svg/ "
	output_font_file : " Fonts/Pixelarticons.otf "
	output_class_file : " lib/pixel.dart "
	class_name : " Pixel "
	เยื้อง : 2
	แพ็คเกจ : Pixelarticons
	font_name : " ไอคอนพิกเซลศิลปะ "
	ทำให้เป็นปกติ : จริง
	ละเว้น _shapes : จริง
	เรียกซ้ำ : จริง
	verbose : เท็จ

ตอนนี้แพ็คเกจพร้อมที่จะเผยแพร่ดังนั้นเราจึงทำทันที:

Pixelarticons/.github/Workflows/flow.yaml

บรรทัด 67 ถึง 84 ใน 96354A3

	- ชื่อ : สร้างไฟล์ข้อมูลรับรอง
	Run : 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}}
	- ชื่อ : รูปแบบไฟล์ที่สร้างขึ้น
	Run : รูปแบบ DART
	- ชื่อ : เผยแพร่
	Run : Dart Pub Publish -Force

โปรดทราบว่าข้อมูลรับรองผับถูกสร้างขึ้นหลังจากที่คุณเผยแพร่แพ็คเกจเป็นครั้งแรกดังนั้นการเปิดตัวเครื่องมืออัตโนมัติครั้งแรกของคุณจะต้องเป็นคู่มือจากนั้นคุณจะคัดลอกข้อมูลรับรองที่สร้างขึ้นในเครื่องท้องถิ่นของคุณไปยังความลับของ GitHub ฉันทำสิ่งนี้เมื่อหลายปีก่อนดังนั้นฉันไม่รู้ว่ามีวิธีการใหม่ในการรับรองความถูกต้องบน pub.dev หรือไม่

---

โฟลว์นี้ถูกเรียกโดย cron ที่ทำงานทุก ๆ 15 วันหรือด้วยตนเอง:

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- ปัจจุบัน, Alex Rintt}

ไอคอนศิลปะพิกเซล Dart wrapper ได้รับใบอนุญาต MIT