Editor de cuadro de diálogo dialog-editor
El editor de cuadro de diálogo proporciona una interfaz gráfica para crear y editar fácilmente cuadros de diálogo y scaffolds.
Para ver cómo funciona, vaya a CRXDE Lite y abra el árbol del explorador a /libs/foundation/components/chart
y haga doble clic en el nodo dialog
:
El nodo de diálogo se abrirá en la variable editor de cuadro de diálogo:
Información general sobre la interfaz de usuario user-interface-overview
La interfaz del editor de cuadro de diálogo está compuesta por cuatro paneles:
- La variable paleta, en la esquina superior izquierda. Este panel contiene los widgets disponibles para crear un cuadro de diálogo, como paneles de fichas, campos de texto, listas de selección y botones. Puede expandir las diferentes categorías dentro de la paleta haciendo clic en la barra divisoria deseada.
- La variable estructura , en la esquina inferior izquierda. Este panel muestra la estructura jerárquica de los nodos que conforman la definición del cuadro de diálogo. Puede ver la misma estructura expandiendo el nodo de diálogo en CRXDE Lite o en el Explorador de contenido CRX.
- La variable render , en el centro de la ventana. Este panel muestra cómo se representará la definición de cuadro de diálogo definida en el panel de estructura como un cuadro de diálogo real.
- La variable propiedades panel. Este panel muestra las propiedades del nodo que está resaltado en el panel de estructura.
Uso del Editor de cuadro de diálogo using-the-dialog-editor
Para crear un cuadro de diálogo, el usuario arrastra y suelta los elementos de la paleta al panel de estructura en su posición dentro de la jerarquía de definición del cuadro de diálogo.
Una vez completada la estructura deseada, el usuario hace clic en Guardar, en la parte superior del panel de procesamiento.
Creación de un nuevo cuadro de diálogo creating-a-new-dialog
Para crear un nuevo cuadro de diálogo, debe seleccionar el componente requerido, haga clic en Crear… y luego Crear cuadro de diálogo….
Introduzca los detalles necesarios y haga clic en Guardar todo - ahora puede hacer doble clic en el cuadro de diálogo para abrirlo con el editor.
Uso del Editor de cuadro de diálogo para scaffolds using-the-dialog-editor-for-scaffolds
Un scaffold es una página especial que contiene un formulario que se puede rellenar y enviar en un solo paso. Esto le permite crear rápidamente una página con el contenido introducido.
El formulario que constituye un scaffold se define mediante una definición de cuadro de diálogo, al igual que un cuadro de diálogo normal, aunque aparezca en la página de scaffolding de forma distinta. Dado que las definiciones de cuadro de diálogo se utilizan para definir scaffolds, los scaffolds se pueden diseñar utilizando el editor de cuadro de diálogo. Tenga en cuenta que cuando utilice el editor de cuadro de diálogo de este modo, el panel de procesamiento seguirá mostrando la definición del cuadro de diálogo en forma de cuadro de diálogo y no como un scaffold.
Consulte Andamiaje para obtener más información sobre el uso del editor de cuadro de diálogo para crear scaffolds.