Explorar os controles do Windows Forms no painel de fluxo de caixa

Este mês, Infragistics mostra a criação de um painel de fluxo de caixa financeiro usando nossos controles do Windows Forms, mas sem parecer um aplicativo típico do Windows Forms desajeitado.

Para começar, Infragistics designers criaram uma maquete de como queriam que o aplicativo fosse:

Depois de tudo dito e feito, o aplicativo finalizado fica assim:

O maior desafio para implementar isso foi o gráfico no topo da seção 'fluxo de caixa total'. O novo Infragistics UltraDataChart é um controle poderoso, mas não conseguiu alcançar o efeito desejado aqui imediatamente. Como você pode ver, o gráfico de fluxo de caixa total tem dois eixos Y diferentes, e a seção do meio nada mais é do que uma série de rótulos. Isso exigiu alguma codificação criativa.

Na verdade, esse gráfico superior é realmente 3 controles de gráfico separados que são habilmente estilizados para aparecer como um.

O primeiro gráfico é uma série de linhas simples.

O segundo é um gráfico que exibe apenas rótulos do Axis e nenhum dado.

E o terceiro gráfico contém 4 séries de colunas – duas para entrada e saída e mais duas para os valores projetados (que são exibidos como círculos).

Isso exigiu a adição de um controle UltraScrollBar separado para permitir a rolagem sincronizada de todos os três gráficos. E o destaque do item 'ativo' foi obtido usando o evento Paint dos controles para desenhar uma sobreposição semitransparente e uma borda.

A seção inferior do painel exibe detalhes de entrada e saída usando um StackSeries ou um AreaSeries, dependendo da seleção do usuário:

E completamos as coisas com um UltraWinGrid para mostrar os números reais.

Os blocos de resumo no lado esquerdo do painel são UserControls que contêm Infragistics controles UltraLabel. Eles são organizados dentro do UltraGridBagLayoutPanel para que sejam dimensionados proporcionalmente junto com o formulário.

Quando você começa vendo quantos dados precisávamos incluir neste painel, é bastante impressionante ver o produto final.

Inspirado para criar seu próprio painel a seguir? Faça sua avaliação gratuita do Infragistics Ultimate, confira nosso vídeo de criação do aplicativo e obtenha o código para que você possa começar a criar algumas visualizações detalhadas como esta. Boa codificação!