Treinamento Elipse E3 para Iniciantes Capítulo 9 Estrutura de telas e quadros Equipe 1: Carlos, Eduardo, Jader, Lindolfo e Marcondes

Quadros  Quadro: objeto que organiza e estrutura a interface.  Divisor de telas: telas diferentes, URL, tabelas, arquivos word ou PDF.  Divisões horizontais e verticais.  Divisão principal e “subdivisão”.  Botão direito Visualização – Viewers e Quadros (Organizer) -> Inserir Quadro em.  Para criar um divisor, botão direito sobre Quadro e escolher tipo de divisão (horizontal ou vertical).  Para fixar a barra de divisão, basta arrastá-la com o mouse e clicar com o botão esquerdo. 2

Quadros 3

Viewers  A opção Viewer configura a visualização do E3 Viewer.  E3 Viewer roda em qualquer ponto de rede com acesso ao E3 Server.  As telas e bitmaps são trazidos do Server para a o ponto do Viewer.  Para editar as opções, ir na janela de propriedades na aba Visualizador.  Na aba Configuração podemos editar as opções da janela. 4

Viewers 5

6

7  Na aba Erros de comunicação é possível configurar indicativos de erros de comunicação para os Displays e Set Points.

Exercício Proposto 8

Telas  Clicar com o botão direito do mouse em Visualização – Telas (Organizer).  Selecionar opção Inserir Tela em – NomedoArquivo.prj. 9

Telas  Após inserir a tela, basta configurar a posição e o tamanho da mesma. 10

 A TelaInicial e TelaCaldeira foram inicialmente configuradas para ocupar toda a área de visualização. Após inserir uma tela, é necessário ajustar o tamanho das mesmas.  Para ajustar a TelaCaldeira, clicar com o botão direito do mouse em cima da mesma em Ajustar ao Divisor. 11

12

Navegação em Telas  A primeira tela proposta pela apostila é a TelaInicial.  Ao clicar em Entrar deverá ser aberto o Quadro1, criado anteriormente.  Em TelaInicial, substituir o script do botão Entrar para Quadro1. 13

Navegação em Telas  Inserir um CommandButton na TelaMenu.  Em Caption, escrever “Caldeira”.  Selecionar o botão e em Scripts criar um novo script do tipo Abrir Tela. 14

Navegação em telas  Selecionar TelaCaldeira e, em Abrir Tela e no campo Quadro, selecionar o item Inferior. 15

TelaMenu  Arrastar a logo E3 para Recursos (Galeria).  No canto direito da tela inserir um Display.  Abrir as propriedades do objeto e em Formatação selecionar o formato “HH:MM:SS”.  Para visualizar a ação anterior, selecione Value do Display e escolher a opção Date. 16

Horário do Sistema  Para obter o horário correto é necessário criar uma Tag Demo para acessar essa informação.  Na pasta dados, inserir uma Tag Demo “Relogio”. A propriedade Type deverá ser a 3 – Current Time.  Na TelaMenu, selecionar a aba Associações do Display configurado.  Em Value, buscar na coluna Fonte o Tag Demo Relogio (Servidor – Dados). Cole o item na tela e executar a ação (!!!). 17

Obrigado! Próxima apresentação: Capítulo 10 - Segurança. 18