Discusión:Página Principal

De Mdw

Chevrones Manual de Usuario


Contenido

Descripción

Chevrones es un control que permite representar la evolución de los materiales a través de su proceso de fabricación. El control se puede utilizar en el diseño de un material, para que el usuario conozca en forma visual el flujo, por ejemplo, primero se debe hacer una especificación del producto, luego definir sus atributos, las dimensiones, etc.

Image:Chevrones_Icono.png

Propiedades

Image:Chevrones_Designer.png

  • State Conditions (colección): Define las condiciones para las cuales el control estará en los estados visible, invisible, enable y disable.
  • Color Selected (color): Color con el cual se resaltara el nodo o step seleccionado.
  • BackColor (color): Define el color de fondo del control.
  • Border (bool): Define si se mostrará un borde en el control.
    • BorderColor (color): Color del borde.
  • Selection (enum): [None | Single] Define si el usuario podrá seleccionar un nodo o step.
  • Trigger Fire (enum): [None | SingleClick | DoubleClick] Define el tipo de click necesario para efectuar el Target Entity de un nodo o step.
  • Type Style (enum): [Process | Steps | Circle | Image] Define el look and feel que aplicara el control en tiempo de ejecución.
    • Image Align (enum): [Left | Right | Top] Si Type Style = Image define la ubicación donde se alineara la imagen del nodo o step.
  • Nodes (colección): Define la colección de nodos o steps.
  • Templates (colección): Define la colección de templates.
  • Default Template: Define el template que se le aplicara por defecto a los nodos o steps.

Propiedades de nodos

  • Id: Define el identificador del nodo o step.
  • Dynamic Node (bool): Define si el texto y tooltip del nodo podrán ser bindeados dinámicamente.
  • Text (text): Define el texto del nodo o step.
  • Tooltip (text): Define el tooltip del nodo o step.
  • Image (image): Si Type Style = Image define la imagen que mostrara el nodo o step.
  • Target Entity: Define el target entity que ejecutara el nodo o step.
  • Context Menu (colección): Define la colección de context menu que desplegara el nodo o step.
  • State Condition (colección): Define las condiciones para las cuales el nodo o step estará en los estados visible, invisible, enable y disable.
  • Template Condition (colección): Define las condiciones para las cuales el nodo o step aplicara determinado template. Cada template condition se compone de un template a aplicar, un operador y un valor a comparar.

Propiedades de nodos

  • Id: Define el identificador del template.
  • Font (font): Define la fuente que se aplicara al nodo o step que utilice este template.
  • Font Color (color): Define el color de fuente que se aplicara al nodo o step que utilice este template.
  • Node Color (color): Define el color que se aplicara al nodo o step que utilice este template.

Bindings

Por defecto el control tendra los siguientes bindings:

  • Enable (input): Recibe datos para los state conditions enable y disable del control.
  • Visible (input): Recibe datos para los state conditions visible y invisible del control.
  • Selected (input - output): Recibe un valor el cual será tomado como el id del nodo o step a seleccionar. Retorna el id del nodo o step seleccionado.

Por cada nodo definido en la colección de nodos se creara una tabla de bindings para el mismo. Dependiendo si el nodo fue definido como dinámico o no variaran los bindings disponibles para el nodo.

Si Dynamic Node = False:

  • Visible (input): Recibe datos para los state conditions visible y invisible del nodo.
  • Enable (input): Recibe datos para los state conditions enable y disable del nodo.
  • Template (input): Recibe datos para los template conditions del nodo.
  • ContextMenuVisible (input): Recibe datos para los state conditions visible y invisible de los context menu del nodo.

Si Dynamic Node = True:

  • Text (input): Recibe el texto para el nodo.
  • Tooltip (input): Recibe el tooltip para el nodo.
  • Visible (input): Recibe datos para los state conditions visible y invisible del nodo.
  • Enable (input): Recibe datos para los state conditions enable y disable del nodo.
  • Template (input): Recibe datos para los template conditions del nodo.
  • ContextMenuVisible (input): Recibe datos para los state conditions visible y invisible de los context menu del nodo.

Image:Chevrones_Bindings.png

Ejecución

El control puede adoptar 4 look and feel distintos, determinado por la propiedad Type Style de este.

A continuación se muestran capturas de controles mostrando dichos look and feel con algunas variantes de configuración:

Process

Image:Chevrones_TypeStyleProcess.png

Steps

Image:Chevrones_TypeStyleSteps.png

Circle

Image:Chevrones_TypeStyleCircle.png

Image

Image:Chevrones_TypeStyleImage.png

Herramientas personales