Codrut Fluent Design System

Sistema de design-fluente Codrut

O sistema de design fluente Codrut é um conjunto de componentes feitos para imitar a interface do Windows 11, o sistema de design fluente, isso não deve ser confundido com o codrutsvisuallibrary, pois isso é um conjunto de componentes independentes

Aviso: Em construção !!

O pacote de componentes não está em um estado em que pode ser considerado finalizado sem encontrar bugs. Este pacote avançou para o estágio beta .

Componentes

• Minimize o painel, um painel capaz de minimizar -se com uma animação opcional, funciona melhor com buffer duplo e para mais painéis, use align.altop
• Painel, um componente TPALE com recursos inprovidos e a capacidade de sincronizar com o tema da cor do sistema
• Button, um botão poderoso no estilo de design fluente, personalizável com cores personalizadas, formas, tipos de botões, pressões longas, 2 estados, verificável, suspensão e muito mais. Também pode ser alinhado verticalmente e horizontalle, e o ícone também
• ButtOndesign, um botão muito personalizável e avançado da CodRutsVisUallibrary com recursos inadequados, pode ser denominado várias maneiras, suporte de ícones, gradiente, sincronização de cores acentuadas, alinhamento, subtexto, dimensionamento automático de fontes e mais
• Botão de rádio, um componente de botão de rádio com vários aligmnets
• Scrollbar, uma barra de rolagem simples que se minimizou para uma linha quando não estiver em uso
• ScrollBox, uma caixa de rolagem moderna que usa as modernas barras de rolagem
• Seletor, um componente que permite selecionar entre várias opções com uma animação ao alternar
• Caixa de seleção, uma caixa de seleção animada que suporta 3 estados
• Editar caixa, uma caixa de edição de combustão com suporte de alinhamento vertical
• Ícone padrão, um componente de ícone TGRAPHICCONTROL TRATABILIDADE que possui vários ícones
• O ICONV IEW, um simples controle de visualização de ícone que se baseia na aula do Fxicon para desenhar e armazenar. Muito leve
• Slider, um controle deslizante com suporte de carrapato, visualizações de dica e mais recursos
• Material desfoque, uma caixa de desfoque acílico que pode ser desenhada do Wallaper ou uma captura de tela da tela. Ótimo para o sistema de design fluente do Windows, como aplicativos
• Menu pop-up, ele suporta ícones (fxtonselect) e pode ter vários submênus, usou um efeito acrílico para o fundo com uma borda colorida de destaque. Ele também possui itens verificáveis, itens de rádio, separadores e, como mencionado anteriormente, pode ser infinito camadas profundas
• Caixa de texto, um componente simples semelhante a uma etiqueta com mais recursos. Ele também tem alguns componentes dependentes da classe base
• Caixa de texto animada, uma caixa de etiqueta com a capacidade de animar de uma lista de valores
• Role o texto, uma caixa com texto de rolagem. O tamanho do desbotamento, a largura do desbotamento e a velocidade de animação podem ser ajustados
• Barra de progresso, uma simples barra de progresso animada com 4 estilos diferentes
• ImageList, um componente de trabalho em andamento que pode conter imagens
• Formas simples, como quadrado, círculo, triângulo e mais planejadas no futuro
• Lista de desenho linear, uma lista com vários elementos desenhados em um evento Notify, dados, os layouts são calculados automaticamente e você pode fornecer uma justificativa e orientação personalizadas de conteúdo.
• Lista de controle linear, uma lista de desenho linear que aceita controles CFX, semelhante a um TControllist, mas mais personalizável em termos de layout e desenho personalizado.
• Efeitos, você pode sobrepor efeitos nos controles. Os efeitos podem ser borrados, monocrome, invertidos, deepfry, cor, zoom e muito mais!
• Layout, que é um contêiner componente para armazenar outros controles dentro
• Layout rolável, é outro controle baseado em layout, mas com duas barras de rolagem para rolar o controle.

Aplicativos feitos com codrutfluentDesignSystem

• Printing Codrut - https://github.com/codrax/codrut-printing
• Gerenciador de sincronização de arquivos - (trabalho em andamento)

Criando um aplicativo visual CFX

1. Crie um novo aplicativo VCL em Delphi

2. Inclua todos os arquivos da unidade necessários Os arquivos da unidade necessários são: CFX.Forms , CFX.Types , CFX.ThemeManager , CFX.Colors e CFX.Classes

3. Altere a classe de formulário principal para fxform

4. Coloque alguns componentes, você pode adicionar qualquer componente da paleta. Eles são agrupados em CFX Main , CFX.Shapes , CFX Animations e CFX Utils .

5. Adicionar o gerenciador de aplicativos ( FXAppManager ) do CFX Utils o gerenciador de aplicativos é um recurso opcional para o seu aplicativo que cria automaticamente um diretório AppData para o seu aplicativo e salva o local na tela onde o formulário foi fechado e rearreta-o na inicialização. Ele também pode iniciar uma verificação automática de atualização para você enviar uma solicitação de postagem para o ApiendPoint fornecido fornecido sob o seguinte formato:

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

E espera um resultado no formato de

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

7. Inclua unidades adicionais (opcionais) Algumas das unidades mais úteis a serem usadas são:

• CFX.Dialogs , para diálogos e as classes para cada tipo
• CFX.QuickDialogs , para executar uma caixa de diálogo rápida, com procedimentos como OpenMessage() ou OpenDialog() ou OpenInput()
• CFX.FormClasses , esta unidade contém todas as classes para diálogos de tela cheia. Como confirmações, status

Galeria de Imagens

As imagens a seguir são versões alfa do conjunto de componentes, espera -se que os componentes mudem no futuro.