Diagrama de Estados - Elementos Gráficos

Estado
Se representa por un rectángulo con las esquinas redondeadas, asemejando a una pantalla, internamente se coloca la función que cumple el estado. Por ejemplo: Parámetros del Material, Modificación de datos del Material, Confirmar borrado de registro, etc. Denota el diálogo de la pantalla (sistema) con el usuario.

Transición
Se representa por una línea dirigida que va de un estado a otro o de un estado a si mismo. Dado que la representación del diagrama de Estados es vertical y de arriba hacia abajo, se recomienda que las transiciones o flechas de llamada de un estado a otro estén al lado izquierdo y los de retorno o salida al lado derecho.

Evento "condición/acción"
Un evento representa la forma en la cual se pasa de un estado a otro.
Un evento consta de dos partes: una "condición" que puede ser la señal de una opción, un comando, una tecla de función programada o un temporizador o control interno. Ejemplo un botón de NUEVO, BORRAR o SALIR; la tecla ESC, Inicio, Fin; la Tecla F1, F2, ...F12; Doble clic sobre un componente, etc.
la "acción" que describe la operación interna que debe realizar el programa en la transición del estado al otro. Por ejemplo: Recuperar registro de material, Reordenar grilla, Grabar datos, Retornar al menú, Actualizar tabla, etc.
Un evento siempre esta asociado a una flecha de transición.

Para tener una idea más precisa de la manera de usar el diagrama de estados, ver los ejemplos adjuntos.