Criação do projeto no Studio

Esta parte do tutorial mostra como criar o projeto do Studio para exibir o arquivo de formulário HTML que você criou anteriormente.

1. Adicione o arquivo HTML que você criou dentro do projeto. Para este exemplo, o arquivo form.html está dentro da pasta de boas-vindas do projeto.
2. No arquivo Principal , adicione as seguintes atividades:
   1. Mostrar formulário - selecione o arquivo de formulário HTML carregado na lista suspensa.
   2. Executar gatilhos locais - para iniciar os gatilhos que você criará para os eventos de botão.
3. Criar um fluxo de trabalho de gatilho que exiba a data e hora atuais dentro do formulário (ticket.xaml).

   1. Adicione uma atividade Repeat Trigger para garantir que a data e a hora sejam atualizadas a cada segundo. Para isso, defina o Intervalo como 00h 00m 01.000s.

   2. Adicione uma atividade Definir valores do formulário para vincular os dados ao formulário. Quando você criou o arquivo de formulário HTML, na etapa 8, você configurou para exibir a data e a hora usando um argumento chamado time. Adicione esse argumento na coleção Argumentos , usando o mesmo nome:

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

4. Criar um fluxo de trabalho de gatilho para o evento quando o botão OK for clicado (em ok clicked.xaml).

   1. Adicione uma atividade Gatilho de formulário. Selecione o arquivo HTML que você carregou no menu suspenso Selecionar formulário . Escolha Mensagem de formuláriocomo o evento, porque qualquer evento configurado dentro de um formulário HTML é representado no Studio como um Evento de mensagem de formulário . No ID de mensagem, digite a mensagem que você criou para a função okClicked() a ser enviada.

      

   2. Adicione uma atividade Disable Local Trigger para interromper o envio de dados sobre a data e a hora em tempo real para o formulário. Escolha o arquivo ticket.xaml como o TriggerId.

   3. Adicione uma atividade Fechar formulário e selecione o arquivo HTML, para que você possa fechar o formulário após clicar no botão OK .

5. Criar um fluxo de trabalho de gatilho para o evento quando o botão Cancelar for clicado (em cancel clicked.xaml).

   1. Adicione uma atividade Gatilho de formulário. Selecione o arquivo HTML que você carregou no menu suspenso Selecionar formulário . Escolha Mensagem de formuláriocomo o evento, porque qualquer evento configurado dentro de um formulário HTML é representado no Studio como um Evento de mensagem de formulário . No ID de mensagem, digite a mensagem que você criou para a função cancelClicked() a ser enviada.

      

   2. Adicione uma atividade Disable Local Trigger para interromper o envio de dados sobre a data e a hora em tempo real para o formulário. Escolha o arquivo ticket.xaml como o TriggerId.

   3. Adicione uma atividade Fechar formulário e selecione o arquivo HTML, para que você possa fechar o formulário após clicar no botão Cancelar .

   4. Além disso, você pode adicionar uma atividade Stop Local Triggers para poder interromper toda a automação.