نظام Codrut-fluent-design
نظام التصميم Fluent Codrut هو مجموعة من المكونات التي تم إجراؤها لتقليد واجهة Windows 11 ، نظام التصميم بطلاقة ، لا ينبغي الخلط بينه وبين الكوددروتسفيزواليب.
إشعار: قيد الإنشاء !!
حزمة المكون ليست في حالة يمكن اعتبارها منتهيًا دون مواجهة الأخطاء. تقدمت هذه الحزمة إلى مرحلة الإصدار التجريبي .
عناصر
- تقليل اللوحة ، وهي لوحة قادرة على تقليل نفسها مع الرسوم المتحركة الاختيارية ، تعمل بشكل أفضل مع مزدوج الخلق وللمزيد من الألواح ، استخدم align.altop
- لوحة ، مكون tpanel مع ميزات غير موافق عليها والقدرة على المزامنة مع موضوع لون النظام
- الزر ، زر قوي في نمط التصميم بطلاقة ، قابل للتخصيص بألوان مخصصة وأشكال وأنواع الأزرار والضغط الطويل والثلاثينات والقابلة للتحقق والمنسدلة والمزيد. يمكن أيضًا محاذاة عموديًا وفاعقًا ، والأيقونة أيضًا
- Buttondesign ، زر قابل للتخصيص ومتقدم للغاية من codrutsvisuallibrabar
- زر الراديو ، مكون زر الراديو مع aligmnets متعددة
- شريط التمرير ، شريط تمرير بسيط يقلل من نفسه إلى خط عندما لا يكون قيد الاستخدام
- Scrollbox ، صندوق التمرير الحديث الذي يستخدم أشرطة التمرير الحديثة
- المحدد ، وهو مكون يسمح بالاختيار بين خيارات متعددة مع الرسوم المتحركة عند التبديل
- مربع الاختيار ، مربع اختيار متحرك يدعم 3 حالات
- مربع تحرير ، صندوق تحرير المداخن مع دعم المحاذاة العمودي
- أيقونة قياسية ، مكون رمز TgraphicControl قابل للسحب يحتوي على أيقونات متعددة
- ICONV IEW ، عنصر التحكم في عرض أيقونة بسيط يعتمد على فئة Fxicon للرسم والتخزين. خفيفة الوزن جدا
- شريط التمرير ، شريط منزلق مع دعم علامة ، معاينات تلميح والمزيد من الميزات
- مادة طمسة ، صندوق طيبة Acrilic يمكن رسمه من Wallaper أو لقطة شاشة للشاشة. رائع لنظام تصميم Windows Fluent مثل التطبيقات
- القائمة المنبثقة ، فإنه يدعم أيقونات (fxiconselect) ويمكن أن يكون لها متعددة من الرجال الفرعيين ، وتستخدم تأثير الأكريليك للخلفية مع حدود ملونة لهجة. كما أنه يحتوي على عناصر يمكن فحصها وعناصر الراديو والفواصل وكما ذكرنا من قبل ، يمكن أن تصبح طبقات غير محدودة بعمق
- مربع النص ، مكون بسيط يشبه التسمية مع المزيد من الميزات. كما أن لديها عدد قليل من المكونات التي تعتمد على الفئة الأساسية
- مربع نص الرسوم المتحركة ، مربع تسمية مع القدرة على التحريك من قائمة tstringlist من القيم
- نص التمرير ، مربع مع نص التمرير. يمكن ضبط حجم التلاشي وعرض التلاشي وسرعة الرسوم المتحركة
- شريط التقدم ، شريط تقدم متحرك بسيط مع 4 أنماط مختلفة
- المصور ، مكون عمل في مجال التقدم يمكنه الاحتفاظ بالصور
- أشكال بسيطة ، مثل المربع والدائرة والمثلث وأكثر مخططًا في المستقبل
- قائمة الرسم الخطية ، قائمة مع عدد من العناصر التي يتم رسمها جميعًا في حدث إعلام معطى ، يتم حساب التخطيطات تلقائيًا ويمكنك توفير مبررات محتوى مخصصة واتجاه.
- قائمة التحكم الخطية ، قائمة رسم خطية تقبل عناصر تحكم CFX ، على غرار tcontrollist ولكن أكثر تخصيصًا من حيث التخطيط والرسم المخصص.
- التأثيرات ، يمكنك تراكب الآثار على الضوابط. يمكن أن تكون التأثيرات طمسًا ، monocrome ، المنقلب ، العميق ، اللون ، التكبير والمزيد!
- التصميم ، وهو حاوية مكون لتخزين أدوات التحكم الأخرى في الداخل
- التصميم القابل للتمرير ، هو عنصر تحكم آخر يعتمد على التصميم ولكن مع اثنين من أدار التمرير لتمرير التحكم.
التطبيقات المصنوعة من CodrutFluentDesignsystem
- Codrut Printing - https://github.com/codrax/codrut- printing
- File Sync Manager - (العمل قيد التقدم)
إنشاء تطبيق مرئي CFX
- قم بإنشاء تطبيق 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 يعد مدير التطبيق ميزة اختيارية لتطبيقك تقوم تلقائيًا بإنشاء دليل APPDATA لتطبيقك ويحفظ الموقع على الشاشة حيث تم إغلاق النموذج ، ويعيد تحميله عند بدء التشغيل. يمكن أن تبدأ أيضًا التحقق من التحديث التلقائي الذي ترسل طلبًا نشرًا إلى ApiendPoint المقدم بموجب التنسيق التالي:
{
"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 ، تحتوي هذه الوحدة على جميع الفئات لحوار شاشة كاملة. مثل التأكيدات ، الحالة
معرض الصور
الصور التالية هي إصدارات ألفا من مجموعة المكونات ، ومن المتوقع أن تتغير المكونات في المستقبل.
