Codrut-fluent-design-system
Codrut Fluent Design System เป็นชุดของส่วนประกอบที่ทำขึ้นเพื่อเลียนแบบอินเทอร์เฟซของ Windows 11 ซึ่งเป็นระบบการออกแบบที่คล่องแคล่วนี่ไม่ควรสับสนกับ codrutsvisualbrary เนื่องจากเป็นชุดของส่วนประกอบอิสระที่เป็นอิสระ
ข้อสังเกต: อยู่ระหว่างการก่อสร้าง !!
แพ็คเกจส่วนประกอบไม่ได้อยู่ในสถานะที่สามารถพิจารณาเสร็จได้โดยไม่ต้องพบกับข้อบกพร่อง แพ็คเกจนี้ได้ก้าวเข้าสู่เวที เบต้า
ส่วนประกอบ
- ย่อแผงย่อแผงที่สามารถลดตัวเองด้วยแอนิเมชั่นเสริมทำงานได้ดีที่สุดกับ doublebuffered และสำหรับแผงมากขึ้นให้ใช้ Align.Altop
- Panel, ส่วนประกอบ tpanel ที่มีคุณสมบัติที่ไม่ผ่านการพิสูจน์และความสามารถในการซิงค์กับธีมสีของระบบ
- ปุ่ม, ปุ่มที่ทรงพลังในสไตล์การออกแบบที่คล่องแคล่ว, ปรับแต่งได้ด้วยสีที่กำหนดเอง, รูปร่าง, ประเภทปุ่ม, การกดยาว, 2-state, ตรวจสอบได้, แบบเลื่อนลงและอื่น ๆ นอกจากนี้ยังสามารถจัดแนวแนวตั้งและแนวนอนและไอคอนได้เช่นกัน
- Butondesign ปุ่มที่ปรับแต่งได้และขั้นสูงมากจาก codrutsvisuallibrary ด้วยคุณสมบัติที่ไม่ได้รับการพัฒนาสามารถจัดสไตล์หลายวิธีการสนับสนุนไอคอนการไล่ระดับสีการซิงค์สีเน้นการจัดตำแหน่ง subtext ขนาดตัวอักษรอัตโนมัติและอื่น ๆ อีกมากมาย
- ปุ่มตัวเลือกส่วนประกอบปุ่มตัวเลือกที่มี Aligmnets หลายตัว
- แถบเลื่อนซึ่งเป็นแถบเลื่อนแบบง่าย ๆ ที่ย่อให้เล็กสุดเป็นบรรทัดเมื่อไม่ได้ใช้งาน
- Scrollbox กล่องเลื่อนที่ทันสมัยที่ใช้แถบเลื่อนที่ทันสมัย
- ตัวเลือกส่วนประกอบที่อนุญาตให้เลือกระหว่างตัวเลือกหลายตัวด้วยภาพเคลื่อนไหวเมื่อสลับ
- ช่องทำเครื่องหมายช่องทำเครื่องหมายภาพเคลื่อนไหวที่รองรับ 3 สถานะ
- แก้ไขกล่องกล่องแก้ไขปล่องควันพร้อมรองรับการจัดตำแหน่งแนวตั้ง
- ไอคอนมาตรฐานซึ่งเป็นส่วนประกอบไอคอน tgraphicControl ที่สามารถทำได้ที่มีไอคอนหลายตัว
- ICONV IEW ตัวควบคุมมุมมองไอคอนง่าย ๆ ที่ขึ้นอยู่กับคลาส FICENON สำหรับการวาดและจัดเก็บ มีน้ำหนักเบามาก
- Slider, ตัวเลื่อนที่มีการรองรับเห็บ, คำใบ้ตัวอย่างและคุณสมบัติอื่น ๆ
- วัสดุเบลอกล่องเบลออะซิลลิกที่สามารถดึงจากวอลเลอร์หรือภาพหน้าจอของหน้าจอ เหมาะสำหรับระบบการออกแบบ Windows Flueent เช่นแอพ
- เมนูป๊อปอัปไอคอน (FICONSELECT) ไอคอนและสามารถมีเมนูย่อยหลายเมนูได้ใช้เอฟเฟกต์อะคริลิคสำหรับพื้นหลังที่มีเส้นขอบสีที่เน้นเสียง นอกจากนี้ยังมีรายการที่ตรวจสอบได้รายการวิทยุตัวคั่นและดังที่ได้กล่าวไว้ก่อนหน้านี้มันสามารถไปที่เลเยอร์ที่ไม่มีที่สิ้นสุด
- กล่องข้อความเป็นส่วนประกอบคล้ายฉลากที่เรียบง่ายพร้อมคุณสมบัติเพิ่มเติม นอกจากนี้ยังมีส่วนประกอบบางส่วนขึ้นอยู่กับคลาสฐาน
- กล่องข้อความภาพเคลื่อนไหวกล่องฉลากที่มีความสามารถในการเคลื่อนไหวจาก TSTRINGLIST ของค่า
- ข้อความเลื่อนกล่องพร้อมข้อความเลื่อน สามารถปรับขนาดความกว้างความกว้างและความเร็วของภาพเคลื่อนไหวได้
- แถบความคืบหน้าแถบความคืบหน้าภาพเคลื่อนไหวง่าย ๆ ที่มี 4 สไตล์ที่แตกต่างกัน
- ImageList ส่วนประกอบที่กำลังดำเนินการอยู่ซึ่งสามารถเก็บภาพได้
- รูปร่างที่เรียบง่ายเช่นสี่เหลี่ยมจัตุรัสวงกลมสามเหลี่ยมและวางแผนมากขึ้นในอนาคต
- รายการ Draw เชิงเส้นรายการที่มีองค์ประกอบจำนวนมากที่ถูกวาดทั้งหมดในเหตุการณ์การแจ้งเตือนที่กำหนดเลย์เอาต์จะถูกคำนวณโดยอัตโนมัติและคุณสามารถให้เหตุผลและการวางแนวเนื้อหาที่กำหนดเอง
- รายการควบคุมเชิงเส้นรายการวาดเชิงเส้นที่ยอมรับการควบคุม CFX คล้ายกับ TControllist แต่ปรับแต่งได้มากขึ้นในแง่ของการจัดวางและการวาดแบบกำหนดเอง
- เอฟเฟกต์คุณสามารถซ้อนทับเอฟเฟกต์ลงบนการควบคุม เอฟเฟกต์สามารถเบลอ, monocrome, invert, deepfry, สี, ซูมและอื่น ๆ !
- เค้าโครงซึ่งเป็นคอนเทนเนอร์ส่วนประกอบสำหรับจัดเก็บการควบคุมอื่น ๆ ภายใน
- เค้าโครงแบบเลื่อนได้เป็นตัวควบคุมตามเค้าโครงอื่น แต่มีแถบเลื่อนสองตัวสำหรับเลื่อนการควบคุม
แอพที่ทำด้วย codrutfluentdesignsystem
- Codrut Printing - https://github.com/codrax/codrut-printing
- File Sync Manager - (กำลังดำเนินการอยู่)
การสร้างแอปพลิเคชัน CFX Visual
- สร้างแอปพลิเคชัน VCL ใหม่ใน Delphi
รวมไฟล์หน่วยที่จำเป็นทั้งหมดไฟล์หน่วยที่ต้องการคือ: CFX.Forms , CFX.Types , CFX.ThemeManager , CFX.Colors และ CFX.Classes
เปลี่ยนคลาสฟอร์มหลักเป็น fxform
วางส่วนประกอบบางอย่างที่คุณสามารถเพิ่มส่วนประกอบใด ๆ จากจานสี พวกเขาถูกจัดกลุ่มภายใต้ CFX Main , CFX.Shapes , CFX Animations และ CFX Utils
การเพิ่ม Application Manager ( FXAppManager ) จาก CFX Utils App Manager เป็นคุณสมบัติเสริมสำหรับแอปพลิเคชันของคุณที่สร้างไดเรกทอรี AppData สำหรับแอปพลิเคชันของคุณโดยอัตโนมัติและบันทึกตำแหน่งบนหน้าจอที่แบบฟอร์มถูกปิด นอกจากนี้ยังสามารถเริ่มการตรวจสอบการอัปเดตอัตโนมัติสำหรับคุณส่งคำขอโพสต์ไปยัง APIEDPOINT ที่ให้ไว้ภายใต้รูปแบบต่อไปนี้:
{
"mode":"getversion",
"app":"app-api-name"
}
และคาดว่าจะมีผลในรูปแบบของ
{
"version":"1.0.0",
"updateurl":"https://server.com/download-file.exe" // optional
{
- รวมหน่วยเพิ่มเติม (ไม่บังคับ) หน่วยที่มีประโยชน์มากที่สุดที่จะใช้คือ:
-
CFX.Dialogs สำหรับกล่องโต้ตอบและคลาสสำหรับแต่ละประเภท -
CFX.QuickDialogs สำหรับการเรียกใช้กล่องโต้ตอบอย่างรวดเร็วพร้อมขั้นตอนเป็น OpenMessage() หรือ OpenDialog() หรือ OpenInput() -
CFX.FormClasses หน่วยนี้มีคลาสทั้งหมดสำหรับกล่องโต้ตอบเต็มหน้าจอ เช่นการยืนยันสถานะ
แกลเลอรี่ภาพ
ภาพต่อไปนี้เป็นรุ่นอัลฟ่าของชุดส่วนประกอบคาดว่าจะมีการเปลี่ยนแปลงในอนาคต
