Sistema de diseño de codrut-fluent
Codrut Fluent Design System es un conjunto de componentes hechos para imitar la interfaz de Windows 11, el sistema de diseño fluido, esto no debe confundirse con CodrutsVisUalLibrary, ya que es un conjunto de componentes independientes
Aviso: ¡en construcción!
El paquete de componentes no está en un estado en el que se pueda considerar terminado sin encontrar errores. Este paquete ha avanzado a su etapa beta .
Componentes
- Minimizar el panel, un panel que puede minimizar con una animación opcional, funciona mejor con dobles y para más paneles, use Align.altop
- Panel, un componente TPANEL con características subrayadas y la capacidad de sincronizar con el tema del color del sistema
- Botón, un botón potente en el estilo de diseño fluido, personalizable con colores personalizados, formas, tipos de botones, prensas largas, 2 estados, verificación, desplegable y más. También se puede alinear verticalmente y horizontalle, y el icono también
- ButDondesign, un botón muy personalizable y avanzado de CodrutsVisUalLibrary con características subrayadas, se puede diseñar múltiples formas, soporte de iconos, gradiente, sincronización de color de acento, alineación, subtexto, dimensionamiento automático de fuentes y más
- Botón de radio, un componente de botón de radio con múltiples aligmnets
- Barra de desplazamiento, una barra de desplazamiento simple que se minimizó a una línea cuando no estaba en uso
- Scrollbox, una caja de desplazamiento moderna que utiliza las barras de desplazamiento modernas
- Selector, un componente que permite seleccionar entre múltiples opciones con una animación al cambiar
- Casilla de verificación, una casilla de verificación animada que admite 3 estados
- Cuadro de edición, un cuadro de edición de combustión con soporte de alineación vertical
- Icono estándar, un componente de icono TgraphicControl que tiene múltiples iconos
- Iconv Iew, un simple control de vista de icono que se basa en la clase Fxicon para dibujar y almacenar. Muy liviano
- Control deslizante, un control deslizante con soporte de garrapatas, vistas previas de sugerencias y más funciones
- Material de desenfoque, una caja de desenfoque acrílico que se puede extraer del Wallaper o una captura de pantalla de la pantalla. Ideal para el sistema de diseño fluido de Windows como aplicaciones
- Menú emergente, admite iconos (fxiconselect) y puede tener múltiples submenú, utilizó un efecto acrílico para el fondo con un borde de color acento. También tiene elementos a verificación, elementos de radio, separadores y, como se mencionó anteriormente, puede ir infinitas de profundidad
- Cuadro de texto, un componente simple similar a una etiqueta con más características. También tiene algunos componentes que dependen de la clase base
- Cuadro de texto animado, un cuadro de etiqueta con la capacidad de animar desde una lista de valores TString
- Texto de desplazamiento, un cuadro con texto de desplazamiento. El tamaño de desvanecimiento, el ancho de desvanecimiento y la velocidad de animación se pueden ajustar
- Barra de progreso, una barra de progreso animada simple con 4 estilos diferentes
- ImageList, un componente de trabajo en progreso que puede contener imágenes
- Formas simples, como cuadrado, círculo, triángulo y más planeado en el futuro
- Linear Draw List, una lista con una serie de elementos que se dibujan en un evento de notificación dado, los diseños se calculan automáticamente y puede proporcionar una justificación y orientación de contenido personalizadas.
- Lista de control lineal, una lista de dibujo lineal que acepta controles CFX, similar a un TControllist pero más personalizable en términos de diseño y dibujo personalizado.
- Efectos, puedes superponer los efectos en los controles. ¡Los efectos pueden ser borrosos, monocromo, invertido, fry, color, zoom y más!
- Diseño, que es un contenedor de componentes para almacenar otros controles dentro
- El diseño desplazable es otro control basado en el diseño, pero con dos barras de desplazamiento para desplazar el control.
Aplicaciones hechas con codrutfluentDesignSystem
- Impresión de Codrut - https://github.com/codrax/codrut-printing
- File Sync Manager - (trabajo en progreso)
Creación de una aplicación visual CFX
- Cree una nueva aplicación VCL en Delphi
Incluya todos los archivos de la unidad requeridos Los archivos de la unidad requeridos son: CFX.Forms , CFX.Types , CFX.ThemeManager , CFX.Colors y CFX.Classes
Cambiar la clase de formulario principal a FXFORM
Coloque algunos componentes Puede agregar cualquier componente de la paleta. Se agrupan bajo CFX Main , CFX.Shapes , CFX Animations y CFX Utils .
Agregar el Administrador de aplicaciones ( FXAppManager ) desde CFX Utils El Administrador de aplicaciones es una característica opcional para su aplicación que crea automáticamente un directorio AppData para su aplicación y guarda la ubicación en la pantalla donde se cerró el formulario, y lo vuelve a hacer en el inicio. También puede iniciar una verificación de actualización automática para enviar una solicitud de publicación al ApiensePoint proporcionado en el siguiente formato:
{
"mode":"getversion",
"app":"app-api-name"
}
Y espera un resultado en el formato de
{
"version":"1.0.0",
"updateurl":"https://server.com/download-file.exe" // optional
{
- Incluya unidades adicionales (opcionales) Algunas de las unidades más útiles para usar son:
-
CFX.Dialogs , para diálogos y las clases para cada tipo -
CFX.QuickDialogs , para ejecutar un cuadro de diálogo rápido, con procedimientos como OpenMessage() u OpenDialog() o OpenInput() -
CFX.FormClasses , esta unidad contiene todas las clases para diálogos de pantalla completa. Tales como confirmaciones, estado
Galería de imágenes
Las siguientes imágenes son versiones alfa de la suite de componentes, se espera que los componentes cambien en el futuro.
