Codrut Fluent Design System

Codrut-Fluent-Design-System

Codrut Fluent System System - это набор компонентов, созданных для имитации интерфейса Windows 11, системы проектирования.

Обратите внимание: строительство !!

Компонентный пакет не находится в состоянии, где его можно считать законченным, не встречая ошибки. Этот пакет продвинулся на свою бета -стадию.

Компоненты

• Минимизируйте панель, панель, которая способна минимизировать себя с помощью дополнительной анимации, лучше всего работает с двойным и для большего количества панелей, используйте align.altop
• Панель, компонент Tpanel с внедренными функциями и способность синхронизировать к цветовой теме системы
• Кнопка, мощная кнопка в стиле дизайна свободного дизайна, настраиваемая с индивидуальными цветами, фигурами, типами кнопок, длинным нажатием, 2-таблицами, проверкой, выпадающей и многом другом. Он также может быть выровнен вертикально и горизонталию, а также икона
• Buttondesign, очень настраиваемая и расширенная кнопка от Codrutsvisuallibrary с внедренными функциями, может быть стилизовано несколько способов, поддержку значков, градиент, синхронизация акцента, выравнивание, подтекст, автоматический размер шрифта и многое другое
• Радиобатовая, радиопроизводительный компонент с несколькими алигмнетами
• Прокрутка, простая полоса прокрутки, которая минимизировала себя до линии, когда не используется
• Scrollbox, современная прокрутка, которая использует современные полосы прокрутки
• Селектор, компонент, который позволяет выбирать между несколькими параметрами с анимацией при переключении
• Флажок, анимированный флажок, который поддерживает 3 состояния
• Редактировать Box, коробка редактирования дымоходов с поддержкой вертикального выравнивания
• Стандартный значок, нарисованный компонент значка TgraphicControl, который имеет несколько значков
• ICONV IEW, простой элемент управления видом на значок, который опирается на класс Fxicon для рисования и хранения. Очень легкий
• Слайдер, слайдер с поддержкой тика, предварительным просмотром подсказок и дополнительными функциями
• Размытый материал, ящик для размытия аккриста, который можно вытащить из Wallaper или скриншот экрана. Отлично подходит для системы проектирования Windows, например, приложения
• Всплывающее меню, он поддерживает (fxiconeselect) иконки и может иметь несколько подменю, он использовал акриловый эффект для фона с границей с акцентом. Он также имеет проверенные элементы, радиоэлементы, сепараторы и, как упоминалось ранее, он может пройти бесконечные слои глубоко
• Текстовое поле, простой компонент, похожий на метку с большим количеством функций. У него также есть несколько компонентов, зависящих от базового класса
• Анимированное текстовое поле, поле метки с возможностью анимировать из TStringList значений
• Прокрутите текст, поле с прокручивающимся текстом. Размер затухания, ширина затухания и скорость анимации можно отрегулировать
• Бар прогресса, простая анимированная панель прогресса с 4 разными стилями
• ImageList, компонент работы, который может содержать изображения
• Простые формы, такие как квадратный, круг, треугольник и многое другое запланированы в будущем
• Линейный список рисунков, список с рядом элементов, которые приведены в представленном событии уведомления, макеты рассчитываются автоматически, и вы можете предоставить пользовательское обоснование и ориентацию контента.
• Линейный список управления, линейный список рисунков, который принимает элементы управления CFX, аналогично TControllist, но более настраиваемый с точки зрения макета и пользовательского рисунка.
• Эффекты, вы можете наложить эффекты на элементы управления. Эффекты могут быть размытыми, монокрамом, инвертированием, глубоким, цветом, масштабированием и многим другим!
• Макет, который является контейнером для хранения других элементов управления внутри
• Прокручиваемая макет, является еще одним управлением на основе макета, но с двумя полосами прокрутки для прокрутки управления.

Приложения, сделанные с CodrutfluentDesignSystem

• Codrut Printing - https://github.com/codrax/codrut-printing
• File Sync Manager - (работа в процессе)

Создание визуального приложения CFX

1. Создайте новое приложение VCL в Delphi

2. Включите все необходимые файлы модуля. Требуемые файлы единиц: CFX.Forms , CFX.Types , CFX.ThemeManager , CFX.Colors и CFX.Classes

3. Изменить класс основной формы на fxform

4. Поместите несколько компонентов, вы можете добавить любые компоненты из палитра. Они сгруппированы в соответствии с CFX Main , CFX.Shapes , CFX Animations и CFX Utils .

5. Добавление диспетчера приложений ( FXAppManager ) из CFX Utils Менеджер приложений является дополнительной функцией для вашего приложения, которая автоматически создает каталог AppData для вашего приложения и сохраняет местоположение на экране, где была закрыта форма, и перезагружает это при запуске. Он также может запустить автоматическую проверку обновления для отправки запроса сообщения в ApiendPoint, предоставленную в соответствии с следующим форматом:

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

И он ожидает результата в формате

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

7. Включите дополнительные единицы (необязательно). Некоторые из наиболее полезных подразделений для использования:

• CFX.Dialogs , для диалогов и классов для каждого типа
• CFX.QuickDialogs , для выполнения быстрого диалога с процедурами OpenMessage() или OpenDialog() или OpenInput()
• CFX.FormClasses , этот блок содержит все классы для полноэкранных диалогов. Такие как подтверждения, статус

Галерея изображений

Следующие изображения представляют собой альфа -версии набора компонентов, ожидается, что компоненты изменятся в будущем.