Construyendo el proyecto en Studio

Esta parte del tutorial muestra cómo crear el proyecto de Studio para mostrar el archivo de formulario HTML que creó anteriormente.

1. Añade el archivo HTML que creaste dentro del proyecto. Para este ejemplo, el archivo form.html está dentro de la carpeta de bienvenida del proyecto.
2. En el archivo principal , añade las siguientes actividades:
   1. Mostrar formulario : selecciona el archivo de formulario HTML cargado de la lista desplegable.
   2. Ejecutar desencadenadores locales : para iniciar los desencadenadores que crearás para los eventos de botón.
3. Crea un flujo de trabajo de desencadenador que muestre la fecha y hora activas dentro del formulario (tick.xaml).

   1. Añade una actividad Repetir desencadenador , para asegurarte de que la fecha y la hora se actualizan cada dos segundos. Para ello, establece el Intervalo como 00h 00m 01.000s.

   2. Añade una actividad Establecer valores de formulario para vincular los datos al formulario. Cuando creaste el archivo de formulario HTML, en el paso 8, configuraste para mostrar la fecha y la hora utilizando un argumento llamado time. Añade este argumento en la colección Argumentos , utilizando el mismo nombre:

      Clave	Tipo	Valor
      time	String	DateTime.Now.ToString()

4. Crea un flujo de trabajo de desencadenador para el evento cuando se hace clic en el botón Aceptar (en ok clicked.xaml).

   1. Añade una actividad de desencadenador de formulario. Selecciona el archivo HTML que has cargado en el menú desplegable Seleccionar formulario . Elige Mensaje de formulariocomo evento, porque cualquier evento configurado dentro de un formulario HTML se representa en Studio como un evento de mensaje de formulario . En el ID de mensaje, escribe el mensaje que creaste para que la función okClicked() lo envíe.

      

   2. Añade una actividad Deshabilitar desencadenador local para dejar de enviar datos sobre la fecha y hora activas al formulario. Elige el archivo tick.xaml como TriggerId.

   3. Añade una actividad Cerrar formulario y selecciona el archivo HTML, para que puedas cerrar el formulario después de hacer clic en el botón Aceptar .

5. Crea un flujo de trabajo de desencadenador para el evento cuando se hace clic en el botón Cancelar (on cancel clicked.xaml).

   1. Añade una actividad de desencadenador de formulario. Selecciona el archivo HTML que has cargado en el menú desplegable Seleccionar formulario . Elige Mensaje de formulariocomo evento, porque cualquier evento configurado dentro de un formulario HTML se representa en Studio como un evento de mensaje de formulario . En el ID de mensaje, escribe el mensaje que creaste para que la función cancelClicked() lo envíe.

      

   2. Añade una actividad Deshabilitar desencadenador local para dejar de enviar datos sobre la fecha y hora activas al formulario. Elige el archivo tick.xaml como TriggerId.

   3. Añade una actividad Cerrar formulario y selecciona el archivo HTML, para que puedas cerrar el formulario después de hacer clic en el botón Cancelar .

   4. Además, puedes añadir una actividad Detener desencadenadores locales , para que puedas detener toda la automatización.