หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

fluent_ui


ออกแบบแอพ Windows พื้นเมืองที่สวยงามโดยใช้ Flutter

การใช้งาน UI ที่คล่องแคล่วอย่างไม่เป็นทางการสำหรับการกระพือ มันเขียนตามเอกสารอย่างเป็นทางการ

อ่านเอกสาร

เนื้อหา

  • แรงจูงใจและ
  • การติดตั้ง
    • ตราสัญลักษณ์
    • สีเน้น
  • การแปลเป็นภาษาท้องถิ่น
  • ผลงาน
    • มีส่วนร่วมในการแปลใหม่
    • กิตติกรรมประกาศ

แรงจูงใจและการบำรุงรักษา

เนื่องจาก Flutter มีการรองรับ Windows ที่มีเสถียรภาพจึงจำเป็นต้องมีการสนับสนุนแนวทาง UI เพื่อสร้างแอพที่มีความซื่อสัตย์เช่นเดียวกับที่มีการสนับสนุนวัสดุและคูเปอร์ติโน่ ดูสิ่งนี้สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการสนับสนุน UI ที่คล่องแคล่วอย่างเป็นทางการ

ดูเพิ่มเติม:

  • วัสดุ UI สำหรับ Flutter
  • Cupertino UI สำหรับ Flutter
  • macos ui สำหรับ flutter

นี่คือแพ็คเกจโอเพนซอร์ซซึ่งหมายความว่าทุกคนสามารถมีส่วนร่วมได้ อย่างไรก็ตามฉัน Bdlukaa เป็นคนเดียวที่ดูแลรักษาอย่างแข็งขันดังนั้นอาจต้องใช้เวลาพอสมควรในการตรวจสอบและรวมคำขอดึง หากคุณต้องการสนับสนุนโครงการคุณสามารถเป็นผู้อุปถัมภ์:

การติดตั้ง

เพิ่มแพ็คเกจลงในการพึ่งพาของคุณ: 

 dependencies :
  fluent_ui : ^4.4.0

หรือ 

 dependencies :
  fluent_ui :
    git : https://github.com/bdlukaa/fluent_ui.git

ในที่สุด Run dart pub get ดาวน์โหลดแพ็คเกจ

โครงการที่ใช้ห้องสมุดนี้ควรใช้ช่องทางที่มั่นคงของการกระพือ

ตราสัญลักษณ์

คุณใช้ไลบรารีนี้บนแอปของคุณหรือไม่? คุณสามารถใช้ป้ายเพื่อบอกคนอื่น:

เพิ่มรหัสต่อไปนี้ใน README.md ของคุณหรือไปยังเว็บไซต์ของคุณ: 

 < a title =" Made with Fluent Design " href =" https://github.com/bdlukaa/fluent_ui " >
  < img
    src =" https://img.shields.io/badge/fluent-design-blue?style=flat-square&color=gray&labelColor=0078D7 "
  />
</ a >

สีเน้น

การควบคุมทั่วไปใช้สีสำเนียงเพื่อถ่ายทอดข้อมูลสถานะ เรียนรู้เพิ่มเติม

โดยค่าเริ่มต้นสีสำเนียงคือ Colors.blue อย่างไรก็ตามคุณสามารถปรับแต่งสีสำเนียงแอปของคุณเพื่อสะท้อนแบรนด์ของคุณ: 

 FluentThemeData (
  accentColor : Colors .blue,
)

ในการใช้สีสำเนียงของระบบคุณสามารถใช้ปลั๊กอิน System_theme ที่ทำโดยฉัน :) มีการสนับสนุน (ณ วันที่ 21/01/2023) Android, Web, MacOS, Windows, Xbox และ Linux (GTK 3+) 

 import 'package:system_theme/system_theme.dart' ;

FluentThemeData (
  accentColor : SystemTheme .accentColor.accent. toAccentColor (),
)

การแปลเป็นภาษาท้องถิ่น

ปัจจุบัน Widgets Fluentui รองรับภาษาจำนวนมากรวมถึง::

  • ภาษาอาหรับ (@dmakwt)
  • Bahasa Indonesia (@ekasetiawans)
  • Belarusian (@superkeka)
  • เช็ก (@morning4coffe-dev)
  • โครเอเชีย (@zeromolecule)
  • ดัตช์ (@h3x4d3c1m4l)
  • ภาษาอังกฤษ
  • ฝรั่งเศส (@winxaito)
  • เยอรมัน (@larsb24)
  • กรีก (@pana-g)
  • ฮีบรู (@yehudakremer)
  • ภาษาฮินดี (@alexmercerind)
  • ฮังการี (@redyau)
  • อิตาลี (@patricknicolosi)
  • ญี่ปุ่น (@chari8)
  • เกาหลี (@dubh3)
  • มาเลย์ (@jonsaw)
  • เปอร์เซีย (@xmine64)
  • โปแลนด์ (@madik7)
  • โปรตุเกส (@bdlukaa)
  • โรมาเนีย (@antoniocranga)
  • รัสเซีย (@raitonoberu)
  • ภาษาจีนง่ายๆ (@zacksleo, @rk0cc)
  • ทมิฬ (@sarankumar-ns)
  • ภาษาจีนดั้งเดิม (@zacksleo, @rk0cc)
  • ไทย (@line-of-codes)
  • ตุรกี (@timurturbil)
  • ภาษาสเปน (@henry2man)
  • Ukranian (@Vadimbarda)
  • ภาษาอูรดู (@sherazahmad720)
  • Uzbek (@bobobekturdiyev)

หากไม่ได้รับการสนับสนุนภาษาแอปของคุณอาจผิดพลาด คุณสามารถเพิ่มการสนับสนุนสำหรับภาษาใหม่หรือใช้ภาษาที่รองรับ เรียนรู้เพิ่มเติม

ผลงาน

อย่าลังเลที่จะยื่นปัญหาหากคุณพบปัญหาหรือทำคำขอดึง

ยินดีต้อนรับการมีส่วนร่วมทั้งหมด :)

มีส่วนร่วมในการแปลใหม่

ใน PR#216 เราเพิ่มการสนับสนุนสำหรับการแปลใหม่ในวิดเจ็ต Fluentui

หากคุณต้องการมีส่วนร่วมในการเพิ่มการแปลใหม่โปรดทำตามขั้นตอนนี้:

  • แยก repo
  • คัดลอกไฟล์ lib/l10n/intl_en.arb ลงในโฟลเดอร์ lib/l10n ด้วยรหัสภาษาใหม่ตามรายการรหัส ISO 859-1 นี้
  • อัปเดตเนื้อหาในไฟล์ที่สร้างขึ้นใหม่ พิเศษโปรดอัปเดตค่า @locale ด้วยรหัส ISO ที่สอดคล้องกัน
  • เรียกใช้โครงการและการสร้างรหัสของคุณจะเกิดขึ้นหรือเรียกใช้คำสั่ง flutter gen-l10n
  • เมื่อเสร็จแล้วให้ทำคำขอดึงใหม่

ข้อมูลเพิ่มเติมเกี่ยวกับการแปลในเอกสารอย่างเป็นทางการของ Flutter

กิตติกรรมประกาศ

โดยไม่คำนึงถึงคำสั่งขอบคุณทุกคนด้านล่างสำหรับการมีส่วนร่วมกับโครงการ มันมีความหมายกับฉันมาก :)

  • @HRX03 สำหรับเครื่องกำเนิด Acrylic , FluentIcons และการใช้งาน _FluentTextSelectionControls
  • @raitonubero ProgressBar และการดำเนินการ ProgressRing
  • @alexmercerind สำหรับปลั๊กอิน flutter_acrylic ที่ใช้กับแอปตัวอย่าง
  • @leanflutter สำหรับปลั๊กอิน Window_Manager ที่ใช้ในแอพตัวอย่าง
  • @Henry2man สำหรับการสนับสนุนการแปล
  • @klondikedragon สำหรับการใช้งาน CommandBar
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด