<< Clique para Mostrar o Sumário >>   Quadros

O objeto Quadro é utilizado para organizar e estruturar a interface do projeto, criando visualizações compostas para o usuário dentro da janela principal do E3 Viewer ou do navegador. Muitas vezes, uma aplicação requer apenas uma Tela principal, que é a porta de entrada para a aplicação. A partir daí, o usuário pode navegar por outras Telas, que ocupam o lugar da primeira, formando uma única visualização do processo. Porém, é possível suportar mais de uma visualização em um mesmo documento ou projeto. Isto se torna útil no caso de uma aplicação que utilize uma Tela que nunca muda, ou que muda pouco (como, por exemplo, um menu), e outra parte que é a navegação das Telas propriamente ditas. Para utilizar este recurso, execute os procedimentos a seguir.

1.Clique com o botão direito do mouse no nome do projeto no modo Explorer e selecione a opção Inserir - Quadro. No modo Domínio, clique com o botão direito do mouse no item Visualização - Viewer e Quadros, selecione a opção Inserir Quadro em e logo após o nome do projeto desejado.

O Quadro possui subdivisões, chamadas de Divisores, que podem ser inseridas ou removidas do Quadro através de um menu contextual na aba Design do Editor do objeto. A princípio, o Quadro possui um Divisor inicial, que pode ser subdividido horizontal ou verticalmente em dois Divisores, que por sua vez também podem ser subdivididos em outros dois Divisores, e assim sucessivamente.

A cada par de novos Divisores criados pelas opções Dividir Horizontalmente e Dividir Verticalmente, há sempre um Divisor Principal e um Divisor Secundário. Apenas o Divisor Principal tem valores que definem explicitamente o seu posicionamento, ficando o Divisor Secundário com o valor restante.

Assim, quando o Divisor é subdividido horizontalmente, sua propriedade SplitDockPosition recebe o valor dockTop. Do mesmo modo, se a subdivisão for vertical, esta propriedade recebe o valor dockLeft. A propriedade do Divisor Secundário recebe, então, o valor dockRemaining, significando que este Divisor ocupa o espaço restante.

Os ícones dos objetos no Organizer identificam exatamente o posicionamento de cada Divisor.

Opções de posicionamento do Divisor

 

Cada Divisor corresponde à visualização de uma Tela ou Quadro de seu processo ou a uma URL (Uniform Resource Locator). Para utilizar este recurso, execute os procedimentos a seguir.

1.Clique com o botão direito do mouse no Quadro aberto e selecione uma das opções: Dividir Horizontalmente ou Dividir Verticalmente, conforme o tipo de Divisão desejada.

2.Para remover um Divisor, clique com o botão direito do mouse no Quadro aberto e selecione a opção Deletar .

3.É possível inverter a seleção original dos Divisores (transformar o Divisor Principal em Divisor Secundário, e vice-versa) através deste mesmo menu. No caso de um Divisor Principal, clique com o botão direito do mouse no Quadro e selecione a opção Configurar como Divisor Secundário. No caso de um Divisor Secundário, selecione a opção Configurar como Divisor Principal. A propriedade SplitDockPosition dos Divisores é automaticamente configurada para refletir esta mudança.

4.Com a opção Selecionar Tela ou Quadro, é possível escolher a Tela ou Quadro que é associada à propriedade SplitLink do Divisor selecionado, usando o AppBrowser.

5.Pode-se inserir vários Divisores no Quadro.

Para configurar os Divisores do Quadro, clique com o botão direito do mouse no Divisor desejado no Organizer e selecione a opção Propriedades.

As opções disponíveis nesta aba estão descritas na tabela a seguir.

Opções disponíveis na aba Quadro

 

 

Algumas das propriedades do Quadro ou Divisor podem ser configuradas através da Lista de Propriedades, sem a necessidade da criação de scripts para isto. Caso haja a necessidade de configurar alguma propriedade, localize-a na Lista de Propriedades e faça os devidos ajustes. Para maiores informações, consulte o Manual de Referência e Scripts do E3.