4D v14

Script del vídeo

Inicio

 
4D v14
Script del vídeo

Script del vídeo  


 

 

En este vídeo, vamos a producir el modelo de navegación.

Vamos a necesitar:

  • un formulario de bienvenida con objetos funcionales y "decorativos"
  • unas pocas líneas de código para mostrar el formulario en la pantalla
  • y las pantallas de entrada y edición de cada uno de los archivos a procesar.

Vamos a comenzar por hacer la pantalla de navegación principal.

Como se vio en el vídeo de presentación de la aplicación final, tenemos que integrar en nuestro software la gestión de las peticiones de intervención, los lugares y los técnicos, todo desde la pantalla principal.

Así que ahora vamos a crear esta pantalla principal.

En la barra de herramientas:

  • Haga clic en el botón "Explorador".
  • Haga clic en el botón "Formularios".
  • Seleccione "Formularios proyecto"y haga clic en el botón + en la parte inferior del Explorador.
  • Vamos a llamar a este formulario "Navigation".
  • Luego presione OK.

Un formulario vacío aparece junto con la lista de propiedades.

Utilice las herramientas de la izquierda para añadir objetos al formulario:

  • texto
  • variables y campos
  • listas
  • menús pop-up
  • botones
  • botones radio
  • termómetros
  • objetos decorativos
  • separadores
  • plug-ins
  • etc.

Las herramientas en la parte superior le permiten manipular los objetos:

  • agrupar o alinear
  • manejar el zoom
  • moverlos
  • gestión de múltiples páginas
  • y también la gestión de vistas, etiquetas y la librería de objetos.

Vamos a empezar por crear una interfaz de navegación sencilla con el fin de entender cómo funciona:

  • un botón para mostrar la lista de personal
  • un botón para mostrar la lista de intervenciones
  • un botón para cerrar el formulario
  • Y vamos a añadir un título en la parte superior de la página

  • Primero, seleccione el objeto botón
  •  A continuación, dibuje el primer botón en el formulario.
  • Cambie el nombre del botón "Close"
  • Al pulsar la tecla intro se validan las modificaciones realizadas.
  • Podemos asociar una acción estándar a cada botón.
  • Aquí, asociamos la acción "Accept".

Esto nos permite cerrar la ventana.

  • Crearemos un segundo botón que llamaremos "Interventions".

Pronto veremos cómo programar este botón para que muestre la lista de las intervenciones.

Para probar este formulario, haga clic en el triángulo verde en la parte superior izquierda del formulario. 4D muestra el formulario tal como el usuario lo verá.

Observe que la ventana se adapta al tamaño del formulario. El redimensionamiento es automático lo que le permite ahorrar tiempo tanto en el desarrollo como en el mantenimiento (por supuesto, este redimensionamiento automático se puede desactivar cuando sea necesario).

  • Haga clic en el botón "Close" para cerrar la ventana y volver al entorno Diseño.

Ahora vamos a hacer este segundo botón funcional:

  • Haga clic derecho en el botón "Interventions".
  • Luego elija "Object Method":
  • En la ventana del método objeto, escriba la siguiente línea de código:

 ALERT("List of Interventions available soon...")

Cuando valide esta línea, el comando ALERT se reconoce automáticamente.

  • Cierre el método.

Ahora puede ver la "etiqueta" que indica que un método está asociado al objeto.

  • Vuelva a probar el formulario haciendo clic en el triángulo verde nuevamente,
  • A continuación, haga clic en el botón "Interventions".

Aparece el mensaje de alerta a continuación.

Más tarde, vamos a convertir estos botones en botones imagen para hacer que nuestra aplicación sea más fácil de usar.

Para reforzar este trabajo inicial, vamos a crear un segundo botón para mostrar la lista de los "Técnicos".

Es posible duplicar los objetos. Cuando lo haga, todas las propiedades de los objetos y los métodos asociados se duplican también. Sólo el nombre del objeto es diferente, ya que cada objeto debe tener un nombre único dentro de un formulario.

Así que aquí podemos cambiar el título y el método de objeto que también están disponibles en las propiedades.
Al probar el formulario, hay dos botones activos disponibles.

 
PROPIEDADES 

Producto: 4D
Tema: Formularios y botones

 
ARTICLE USAGE

Autoformación ( 4D v13)
Autoformación ( 4D v14)