Explorar los controles de Windows Forms en el panel de flujo de efectivo

Este mes, Infragistics te lleva a través de la creación de un panel de flujo de efectivo financiero utilizando nuestros controles de Windows Forms, pero sin parecer una aplicación típica y torpe de Windows Forms.

Para empezar, Infragistics diseñadores idearon una maqueta de cómo querían que se viera la aplicación:

Después de todo lo dicho y hecho, la aplicación terminada se ve así:

El mayor desafío para implementar esto fue el gráfico en la parte superior de la sección 'flujo de caja total'. El nuevo Infragistics UltraDataChart es un control potente, pero no pudo lograr el efecto deseado aquí nada más sacarlo de la caja. Como puedes ver, el gráfico de flujo de caja total tiene dos ejes Y diferentes, y la sección central no es más que una serie de etiquetas. Esto requirió algo de codificación creativa.

De hecho, ese gráfico superior es en realidad 3 controles de gráfico separados que están ingeniosamente diseñados para aparecer como uno.

El primer gráfico es una simple serie de líneas.

El segundo es un gráfico que solo muestra las etiquetas de los ejes y no los datos.

Y el tercer gráfico contiene 4 series de columnas: dos para el flujo de entrada y salida y dos más para los valores proyectados (que se muestran como círculos).

Esto requirió la adición de un control UltraScrollBar independiente para permitir el desplazamiento sincronizado de los tres gráficos. Y el resaltado del elemento 'activo' se logró usando el evento Paint de los controles para dibujar una superposición semitransparente y un borde.

La sección inferior del panel muestra los detalles del flujo de entrada y salida mediante StackSeries o AreaSeries, según la selección del usuario:

Y completamos las cosas con un UltraWinGrid para mostrar los números reales.

Los bloques de resumen en el lado izquierdo del panel son UserControls que contienen Infragistics controles UltraLabel. Se organizan dentro de UltraGridBagLayoutPanel para que su tamaño sea proporcional junto con el formulario.

Cuando comienzas viendo la cantidad de datos que necesitábamos incluir en este tablero, es bastante impresionante ver el producto terminado.

¿Te sientes inspirado para crear tu propio panel de control a continuación? Obtenga su prueba gratuita de Infragistics Ultimate, consulte nuestro video de cómo se hizo la aplicación y obtenga el código usted mismo para que pueda comenzar a crear algunas visualizaciones en profundidad como esta. ¡Feliz codificación!