Descargar
Muestras
Online help
ComprarUna lista de ejemplos en línea que demuestran varias características del componente de Diagramación para ASP.NET.
Vea cómo MindFusion.Diagramming para ASP.NET renderiza un diagrama de flujo de toma de decisiones interactivo. Los nodos y enlaces del diagrama están animados. Usted puede elegir entre 7 tipos de animación y 4 tipos de suavizado, los cuales son fácilmente intercambiados a través de cuadros combinados en la parte superior del ejemplo.
Diagramación para ASP.NET viene con un conjunto de controles auxiliares que mejoran las capacidades de su aplicación en línea con características avanzadas como acercamiento, desplazamiento, creación de nodos con arrastrar & soltar, vista general del diagrama. Este ejemplo hace uso de los controles auxiliares respectivos - el NodeListView, Zoom (Acercamiento) y Overview (Vista General). Usted puede arrastrar nodos del diagrama desde una lista desplegable, escalar el diagrama de flujo y seguir todas las interacciones en una vista escalada con el control Overview en la esquina superior izquierda de la página web.
El control de diagrama MindFusion WebForms soporta un impresionante conjunto de opciones de comportamiento, las cuales son demostradas en este ejemplo. Aquí usted ve un diagrama en modo ImageMap, que corresponde a interacciones de usuario diferentes de acuerdo al Comportamiento actualmente establecido. Usted puede elegir entre 7 tipos de Comportamientos, los cuales están listados en el cuadro combinado en la parte superior de la página web.
Algoritmo de Decisión Automática de Disposición
Un ejemplo que usa el algoritmo de Decisión de disposición para ordenar un diagrama en el navegador. Usted puede cargar un diagrama de ejemplo o generar y cargar un diagrama de flujo al azar. El algoritmo de decisión de disposición es particularmente load a útil cuando es aplicado a un gráfico de proceso, que ilustra una sucesión de pasos lógicos. El algoritmo está diseñado para ordenar visualmente los nodos en una manera que a los pasos del árbol de decisiones fáciles de seguir y entender.
Experimente de primera mano cuán fluido y fácil es crear un diagrama de flujo usando Diagramación MindFusion para WebForms. El ejemplo comienza con un diagrama creado en código. Usted puede rápidamente extender el diagrama con nuevos nodos simplemente arrastrándolos desde la lista desplegable en el lado izquierdo. Una vez que los nodos son creados, es tiempo de editar su contenido. El componente provee características intuitivas de edición en el lugar y un organizador de estilo y opciones de formato que deleitarán a sus clientes. Cuando el diagrama de flujo esté listo, grábelo presionando un botón para cargar más tarde.
El algoritmo de disposición fractal es solo uno de los 11 algoritmos de disposición provistos con el control. Úselos para cambiar dramáticamente la disposición de su diagrama de flujo con una solla llamada a un método. MindFusion sabe que el software vienen en muchas formas y con varios requerimientos - y nosotros nos aseguramos de que una disposición inteligente para cumplir con las necesidades únicas de su aplicación web esté justo a su alcance.
Iconos de Nodos - Una Clase DiagramNode Personalizada
El control de diagrama MindFusion ASP.NET viene con una impresionante lista de formas de nodos predefinidas para todos los gustos y necesidades. No obstante, usted puede llegar a un punto donde los requerimientos de su aplicación hacen surgir la necesidad de un tipo de nodo especial. Este ejemplo trabaja en este escenario y provee una solución elegante y fácil - una clase de nodos personalizados que extiende las grandes capacidades del objeto DiagramNode incluso más allá e implementa su propia lógica de dibujo.
Diagramación para WebForms es un control web sorprendentemente versátil, el cual puede operar en tres modos independientes completos. Este ejemplo demuestra el modo de Mapa de Imagen HTML. Usted puede juzgar cuán elegante y ligero es el control por la velocidad a la que responde a los eventos del lado del servidor como la selección de un objeto y la edición de texto. Usted puede cambiar el formato de la imagen generada con un cuadro combinado arriba del ejemplo.
Diagramación para ASP.NET implementa un modelo de interacción completo que da a su aplicación wed una ventaja competitiva con diagramas y gráficos sensibles. Ejecute este ejemplo para experimentar la impresionante velocidad y facilidad con las que la librería responde a las acciones del usuario. No importa si usted crea, borra, mueve o conecta nodos - cualquier operación particular es realizada fluidamente, en el segundo sin ningún retraso. Es difícil creer que está trabajando en un navegador.
Diagramación MindFusion para WebForms es una de las herramientas más flexibles en el mercado. Aparte de su uso tradicional como un componente de diagramación, usted puede encontrarle todo tipo de implementaciones avanzadas como el gráfico de Gantt mostrado en este ejemplo. Aquí usted puede usar el ratón para crear elementos, los cuales son automáticamente alineados a la cuadrícula de carriles en el fondo. Cada elemento es dibujado en una sola fila to abarcando múltiples celdas imitando el comportamiento de un diagrama de Gantt típico.
La disposición de capas es uno de los 11 algoritmos de disposición automáticos provistos con el control. Estos algoritmos de disposición estructurales convierten un diagrama incluso pequeño y al azar en un gráfico hermoso y fácil de comprender. La disposición sigue unos criterios estrictos, de los cuales los más importantes son: los nodos conectados deben ser colocados cerca uno del otro; los enlaces deben fluir en una dirección si es posible; los enlaces deben cruzar unas pocas capas si es posible; los enlaces no deben cruzar otros enlaces. Ejecute el ejemplo para experimentar la increíble transformación de un diagrama ordinario simplemente presionando un botón.
Una manera más impresionante de utilizar las increíbles capacidades del control de Diagramación. Aquí usted puede ver un editor de mapas de transporte urbano. El mapa es representado por una imagen estática, las estaciones son creadas cuando usted hace clic en un mapa. Usted puede enlazar estaciones haciendo clic en el nodo origen y arrastrando hacia el nodo destino. Los nombres de las estaciones son editables - sólo haga doble clic en el símbolo de estación. El mapa puede ser fácilmente desplazado y acercado para una mejor precisión. Usted puede incluso grabar los cambios al servidor con el botón arriba de la página.
Aprender una nueva API puede no ser fácil, pero los hábiles desarrolladores de MindFusion y el equipo de soporte han hecho todo lo posible para hacerlo fácil para los programadores que usan Diagramación para WebForms. En este ejemplo usted aprenderá cómo manejar eventos en el lado del cliente en el modo Canvas. Usted puede seleccionar nodos desde la lista desplegable a la izquierda; arrastre y suelte en el área de dibujo. Cuando usted dibuja cerca de los bordes de un nodo, un enlace es creado. El ejemplo muestra cuán ligera es esta librería - note la respuesta instantánea del control incluso al mínimo movimiento e interacciones del ratón. Todo es dibujado en el momento sin el menor rastro de retraso.
Si los requerimientos de su aplicación web demandan AJAX, este ejemplo es el correcto para usted. Aquí usted puede aprender a hacer llamadas desde eventos del lado del cliente. Diagramación MindFusion para ASP.NET soporta una interactividad completa cuando trabaja en el modo de Mapa de Imagen HTML. Note que el ejemplo requiere las librerías AJAX para ASP.NET.
Además de renderizar el diagrama en el navegador, sus usuarios pueden querer verlo en otro formato - digamos, PDF por ejemplo. La librería MindFusion Diagram hace al proceso de exportar e importar el diagrama de flujo algo sencillo e intuitivo. La librería soporta una variedad de formatos de imagen y archivo para elegir y este ejemplo demuestra cuán fácil es aplicarlos. Aquí grabamos un diagrama desde el navegador a un archivo tipo Portable Document Format con un solo clic. Inténtelo usted mismo.
Diagramación para WebForms ofrece un gran conjunto de events para asegurar que usted tenga los medios adecuados para responder a cada tipo de acción realizada por el usuario. La librería también ofrece una impresionante variedad de formas de nodos predefinidas para cumplir con las diversas necesidades de las aplicaciones web de hoy. En este ejemplo manejamos el evento NodeClicked en el nodo ImageMap. Usted puede ver un diagrama de flujo donde cada nodo es uno de las formas de nodos predefinidas y cambia de color cuando se hace clic. Usted también puede ser testigo de cuán bien el diagrama es preservado entre las devoluciones de datos.
El enrutamiento, por ejemplo, la ruta que un enlace sigue entre su origen y el nodo destino - es importante especialmente si los nodos contienen texto, imágenes u otros datos, los cuales no deberían ser afectados. Diagramación de MindFusion para WebForms toma el enrutamiento a un nuevo nivel con su algoritmo de enrutamiento avanzado. El algoritmo calcula la mejor ruta entre dos nodos basado en una variedad de criterios, los cuales son considerados como costos de penalización. Todos los detalles de la ruta - vueltas, longitud, cruces de nodos y proximidad de nodos - son calculados con gran precisión para dar la mejor ruta posible. Ejecute este ejemplo y sea testigo de este increíble proceso en acción.
Con Diagramación de MindFusion usted puede no solamente crear cualquier tipo de diagrama con facilidad - es igualmente rápido y simple grabar y cargar sus diagramas. Este ejemplo combina todas las partes del proceso - usted comienza con un área vacía para dibujar donde usted combines puede crear su diagrama desde cero arrastrando nodos desde la lista desplegable a la izquierda. Luego usted puede grabar el diagrama con un nombre al azar y cargarlo más tarde. El ejemplo usa Sql Server como una utilidad de almacenamiento.
Los nodos SVG le dan a usted la libertad de crear un nodo desde cualquier gráfico SVG. Una esta práctica característica con la habilidad de usar una imagen como fondo de diagrama y usted puede reproducir verticalmente to use cualquier gráfico donde la apariencia estándar del diagrama es reemplazada por imágenes, las cuales puede ser redimensionadas, movidas, conectadas, etc. Esto viene en una variedad de escenarios como esquemas de tráfico, juegos en línea, planificación de interiores y mucho, mucho más. Este ejemplo representa un estacionamiento, donde los vehículos son nodos SVG. ¡Estaciónelos sabiamanete!
Diagramación para ASP.NET le ofrece una variedad de algoritmos de disposición y este ejemplo presenta uno intrigante - la disposición TreeMap. Los mapas de árboles (tree maps) representan jerarquías anidando los nodos hijos con sus padres, donde los nodos hoja son proporcionales a sus valores Weight (peso). Este ejemplo le permute elegir entre 2 pesos - población y tamaño de área de un país- El algoritmo TreeMap luego ordena los estados en consecuencia. Usted puede también elegir cómo los países son coloreados. El resultado es un bello mapa de árboles, donde el tamaño y el color de los nodos claramente indican el tamaño y la demografía de un país en relación a aquellos de otros países a la vista.
Este tutorial le enseña todo lo que necesita saber para realizar las operaciones básicas en un diagrama. Usted comienza creando nuevos nodos, luego usted los ordena aplicando un algoritmo de disposición. Finalmente, usted puede exportar el diagrama terminado como un archivo PDF. Aquí vale la pena notar cuán fácil y sencillamente el control realiza todas las interacciones de usuario y cuán fácil de usar es la API. Cuando usted abre el archivo PDF usted verá una copia exacta del diagrama que acaba de crear.
