Série Nexto - Criando uma visualização WEB com o NX3005 ou XP340 – Criando Interações com Objetos (Parte 3)

Na parte 3 deste tutorial iremos criar interações de objetos com telas e com variáveis. Por exemplo, quando o usuário clicar em um objeto, outra visualização será mostrada, ou quando o usuário clicar em uma imagem, uma variável será alternada, alterando a visibilidade de outro objeto.

1. InputConfiguration

Para acessar o menu de interações, selecione o objeto que deseja criar a interação e encontre a aba "InputConfiguration" na tela de propriedades. Dentro dessa aba você encontrará uma série de interações diferentes. 

OBS: Caso não apareçam todas as interações acima você deve marcar a caixa "Expert" na parte superior da janela.

A interação mais utilizada é a "OnMouseClick", ou seja, quando o objeto for clicado, a interação acontece. Clicando em "Configure...", a seguinte tela será aberta.

Na parte da esquerda temos as interações possíveis para esse objeto. Nesse exemplo vamos utilizar os dois mais comuns: "Change shown Visualization" para trocar a visualização e "Toggle Variable" para alternar uma variável.

2. Criando a variável

Para alternar uma variável primeiro devemos criar ela, para isso, feche essa tela por enquanto e abra "UserPrg" na árvore. Para esse exemplo vamos criar a variável L1 do tipo BOOL para representar uma lâmpada.

3. Criando outra visualização

Para complementar esse exemplo, vamos criar uma segunda visualização, da mesma maneira que criamos a primeira na parte 1 do tutorial, adicionando uma imagem de uma lâmpada e uma linha na diagonal da seguinte forma.

4. Alterando a visibilidade

A intenção é que, quando a variável L1 que criamos anteriormente estiver ativa, a barra desapareça, indicando que a lâmpada está ligada. Para isso, encontre o parâmetro "Invisible" e clique no quadrado do lado e depois em "...".

Na janela que se abrirá, selecione a variável L1 que criamos. Ela está em "Application->UserPOUs->UserPrg".

5. Trocando de visualização

Agora volte para a visualização principal e selecione o ícone para trocar de tela e vá nas configurações de interação.

Selecione onMouseClick e dentro da tela que se abrirá selecione "Change shown Visualization" e escolha a visualização que criamos agora.

6. Alternando a luz

Na segunda visualização clique na figura da lâmpada e selecione "OnMouseClick" nas opções de interação. Na nova janela escolha "Toggle a Variable" e selecione a variável L1.

Rode a aplicação no seu NX3005. Perceba que ao clicar no ícone mais de cima ele vai para outra tela, e clicando na lâmpada ele liga e desliga ela.

No próximo tutorial iremos criar um gerenciamento de login para controlar o acesso dos usuários.

Veja também: 

Parte 1 Parte 2 Parte 4 Parte 5 Parte 6 Parte 7 Parte 8