Codrut Fluent Design System

Codrut-Fluent-Design-System

Das CODRUT Fluent Design -System ist eine Reihe von Komponenten, die zur Nachahmung der Grenzfläche von Windows 11, dem fließenden Entwurfssystem, hergestellt werden.

Bescheid: Im Bauwesen !!

Das Komponentenpaket befindet sich nicht in einem Zustand, in dem es als fertig betrachtet werden kann, ohne Fehler zu begegnen. Dieses Paket ist in seine Beta -Bühne hingekommen.

Komponenten

• Minimieren Sie das Panel, ein Panel, das sich mit einer optionalen Animation minimieren kann.
• Panel, eine TPANEL -Komponente mit nicht beruflichen Merkmalen und die Fähigkeit, mit dem Systemfarbe zu synchronisieren
• Taste, eine leistungsstarke Taste im fließenden Designstil, anpassbar mit benutzerdefinierten Farben, Formen, Tastentypen, langen Drücken, 2-staatlich, prüfbar, Dropdown und vielem mehr. Es kann auch vertikal und horizontal ausgerichtet werden, und auch die Ikone
• Buttondesign, eine sehr anpassbare und erweiterte Taste von codrutsvisuallibrary mit nicht beruflichen Funktionen, kann auf verschiedene Arten gestylt werden, Symbolunterstützung, Gradienten, Akzent -Farbsynchronisierung, Ausrichtung, Untertext, automatische Schriftgrößen und mehr
• Optionsschalter, eine Optionsschaltflächekomponente mit mehreren Aligmetern
• Scrollbar, eine einfache Scrollbar, die sich in einer Zeile minimiert, wenn sie nicht verwendet wird
• Scrollbox, eine moderne Scrollbox, die die modernen Scrollbars verwendet
• Selector, eine Komponente, mit der beim Schalten zwischen mehreren Optionen mit einer Animation ausgewählt werden kann
• Kontrollkästchen, ein animiertes Kontrollkästchen, das 3 Zustände unterstützt
• Bearbeitenbox, ein Rauchbearbeitungsfeld mit vertikaler Ausrichtungunterstützung
• Standard -Symbol, eine zeichnbare TGRAPHICCONTROL -ICON -Komponente mit mehreren Symbolen
• Iconv IEW, eine einfache Icon View Control, die auf der Fxicon -Klasse zum Zeichnen und Speichern beruht. Sehr leicht
• Slider, ein Schieberegler mit Tick -Support, Hinweise Vorschau und weiteren Funktionen
• Unschärfes Material, eine akrilische Unschärfebox, die aus der Wallaper oder einem Screenshot des Bildschirms gezogen werden kann. Ideal für Windows Fluent Design -System wie Apps
• Popup-Menü, IT unterstützt (FxiconSelect) -Symbole und kann mehrere Untermenüs haben. Es verfügt auch über schaubare Elemente, Radioartikel, Separatoren und kann, wie bereits erwähnt, unendliche Schichten tief gehen
• Textfeld, eine einfache kennzeichnende Komponente mit mehr Funktionen. Es hat auch einige Komponenten, die von der Basisklasse abhängig sind
• Animierter Textfeld, ein Etikettenfeld mit der Fähigkeit, von einer Tstringlist von Werten zu animieren
• Scrolltext, ein Feld mit Scroll -Text. Die Verblassengröße, die Fadebreite und die Animationsgeschwindigkeit können angepasst werden
• Fortschrittsbalken, eine einfache animierte Fortschrittsleiste mit 4 verschiedenen Stilen
• Imagelist, eine Arbeitskomponente, die Bilder enthalten kann
• Einfache Formen wie Quadrat, Kreis, Dreieck und in Zukunft geplant mehr geplant
• Lineare Draw -Liste, eine Liste mit einer Reihe von Elementen, die alle in einem angegebenen Benachrichtigungsereignis gezeichnet werden. Die Layouts werden automatisch berechnet und Sie können eine benutzerdefinierte Inhaltsbegründung und -orientierung bereitstellen.
• Lineare Steuereliste, eine lineare Zeichnungsliste, die CFX -Steuerelemente akzeptiert, ähnlich wie bei einem TCONTROLListen, aber anpassbarer in Bezug auf Layout und benutzerdefinierte Zeichnung.
• Effekte, Sie können Effekte auf Kontrollen überlagern. Effekte können verschwommen sein, Monocrom, Invert, Deepfry, Farbe, Zoom und mehr!
• Layout, ein Komponentenbehälter zum Speichern anderer Steuerelemente im Inneren
• Scrollierbares Layout ist ein weiteres Layout-basiertes Steuerelement, aber mit zwei Bildlaufleisten zum Scrollen des Steuerelements.

Apps mit CodruTfluentDesignsystem

• CODRUT -DRUCKT - https://github.com/codrax/codrut-printing
• Dateisynchronisierungsmanager - (in Bearbeitung)

Erstellen einer visuellen CFX -Anwendung

1. Erstellen Sie eine neue VCL -Anwendung in Delphi

2. Fügen Sie alle erforderlichen Einheitsdateien hinzu. Die erforderlichen Einheitsdateien sind: CFX.Forms , CFX.Types , CFX.ThemeManager , CFX.Colors und CFX.Classes

3. Ändern Sie die Hauptform -Klasse in FXForm

4. Platzieren Sie einige Komponenten, die Komponenten aus der Palette hinzufügen können. Sie sind unter CFX Main , CFX.Shapes , CFX Animations und CFX Utils gruppiert.

5. Hinzufügen des Application Managers ( FXAppManager ) von CFX Utils Der App Manager ist eine optionale Funktion für Ihre Anwendung, die automatisch ein AppData-Verzeichnis für Ihre Anwendung erstellt und den Speicherort auf dem Bildschirm speichert, an dem das Formular geschlossen wurde, und lädt diese beim Start erneut. Es kann auch eine automatische Update -Prüfung für Sie starten, um eine Postanforderung an den im folgenden Format bereitgestellten Apiendpoint zu senden:

 {
 "mode":"getversion",
 "app":"app-api-name"
}

Und es erwartet ein Ergebnis im Format von

 {
 "version":"1.0.0",
 "updateurl":"https://server.com/download-file.exe" // optional
{

7. Fügen Sie zusätzliche Einheiten (optional) hinzu. Einige der nützlichsten Einheiten, die Sie verwenden können, sind:

• CFX.Dialogs für Dialoge und die Klassen für jeden Typ
• CFX.QuickDialogs zum Ausführen eines schnellen Dialogs mit Verfahren als OpenMessage() oder OpenDialog() oder OpenInput()
• CFX.FormClasses , dieses Gerät enthält alle Klassen für Dialoge mit Vollbildschirmen. Wie Bestätigungen, Status

Bildgalerie

Die folgenden Bilder sind Alpha -Versionen der Komponentensuite, die Komponenten werden sich voraussichtlich in Zukunft ändern.