...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
O ambiente de trabalho Desenhar (Draw) disponibiliza todas as ferramentas para a construção de telas gráficas para a aplicação.
Para entrar neste ambiente clique o ícone de Desenhar.
No Action.NET o ambiente Desenhar possui três abas:
Drawing (Desenho) onde são mostradas e podem ser editadas as telas. Na aba de Desenho, existem uma barra de ferramentas vertical no lado esquerdo da área de trabalho e uma barra horizontal na parte de baixo da mesma área, orientadas a tarefas sobre os objetos dentro de uma tela.
CodeBehind para a escrita de Scripts relacionados à tela. Nesta aba há um Editor de Código fonte e já aparecem os textos dos protótipos dos procedimentos que são ativados por eventos básicos sobre telas. Se necessário estes textos devem ser preenchidos com códigos para modificar o procedimento padrão da tela.
Symbols com a biblioteca de símbolos gráficos disponíveis no projeto. Neste grid pode-se editar atributos de símbolos. Para criar um símbolo, usar o botão direito do mouse sobre um objeto em uma tela.
| Anchor | ||||
|---|---|---|---|---|
|
| Anchor | ||||
|---|---|---|---|---|
|
Use a aba CodeBehind para definir um conjunto de funções relacionadas com a Tela. Você pode escrever código tanto em VB.Net como em CSharp. Você também pode alternar entre os dois. Se você alterar a seleção da linguagem, o sistema converterá automaticamente o código existente para o correspondente na linguagem selecionada.
Se você precisar de referências a outras partes de código também criados por você, use Run > Build > References para estabelecer estas referências.
As funções colocadas no CodeBehind podem ser executadas ao abrir ou fechar uma tela, ou quando a tela já está aberta, dependendo de como você configura o código. Você pode usar CodeBehind para definir métodos de tratamento dos cliques do mouse sobre a tela ou de entrada de comandos para serem executados em telas específicas.
Para Telas do tipo diálogo, use o método pré definido DialogOnOK, que é chamado quando o botão OK, também pré definido na caixa de diálogo, é pressionado. Se este método retornar True, o diálogo é fechado, se retornar False, o diálogo continua aberto. Este método é comumente usado para garantir a validação de dados na caixa de diálogo (que deve então solicitar ao usuário para corrigir entradas incorretas antes de fechar o diálogo).
O código por trás das telas tem os seguintes métodos pré-definidos:
- DisplayOpening () - Executado quando a tela está abrindo.
- DisplayIsOpen () - Chamado em intervalos regulares de tempo enquanto a tela está aberta.
- DisplayClosing () - Executado quando a tela está se fechando.
- DialogOnOK () - Chamado quando o botão OK de uma tela de diálogo é pressionado: - Retornando 1 permite o diálogo ser Fechado pelo sistema. Retornando 0 impede o diálogo de ser fechado.
Você pode adicionar suas próprias variáveis e métodos dot NET neste texto de código.
NOTA - Como as Telas nos Clientes são projetadas para funcionar em ambientes distribuídos e web, recomendamos evitar o uso de funções que não permitam a execução em "confiança parcial", ou que se referem a caminhos de arquivos físicos.
| Anchor | ||||
|---|---|---|---|---|
|
| Anchor | ||||
|---|---|---|---|---|
|
A aba Drawing tem os seguintes barras de ferramentas e controles para criar, formatar e configurar as Telas:
- Barra Vertical - No lado esquerdo da aba Drawing. Use estes botões para desenhar formas, adicionar botões, e criar janelas especiais. Para detalhes sobre estes botões, ver Tabela 1.
- Barra Horizontal - Na parte inferior da aba Drawing. Use estes botões para agrupar, combinar, alinhar e fixar os objetos selecionados. Para mais informações, ver Tabela 2.
- Aparência, Dynamics, DisplaySettings e outras configurações - No painel a esquerda da aba, abaixo dos botões do menu principal. Estas configurações variam de acordo com as características e funcionalidades do tipo de objeto selecionado.
| Anchor | ||||
|---|---|---|---|---|
|
| Anchor | ||||
|---|---|---|---|---|
|
A tabela 1 a seguir apresenta os ícones da barra de ferramentas Vertical do espaço Drawing e as suas funcionalidades.
Tabela 1: Barra de Ferramentas Vertical
Botão | Descrição |
|
|
|
|
| Use a ferramenta Mão para modificar a janela de visualização clicando no fundo da Tela e mantendo pressionado o botão esquerdo do mouse em seguida, mudar a tela para a posição desejada. |
Geometric objects tools Use o Botão direito do mouse para encerrar o uso de cada |
...
| Cria um objeto retângulo. |
| Cria um objeto elipse. |
| Cria um objeto polígono. |
| Cria um objeto polilinha. |
| Cria um objeto botão. |
| Cria um objeto de saída de texto. |
Tabela 1: Barra de Ferramentas Vertical
Botão | Descrição |
| Cria um objeto de entrada/saída de texto. |
| Cria um objeto do tipo "check box". Clicando com o botão direito do mouse tem-se acesso a criação dos seguintes outros objetos: |
| Clicando este botão mostra a Biblioteca de Símbolos que inclui tanto os símbolos pre definidos como os definidos pelo usuário. |
| Abre o aplicativo Symbol Factory para obtenção de símbolos prontos, vetoriais, em grande variedade. |
Image Resource Abre a janela de biblioteca de imagens (recursos), para se obter delas imagens para uso na tela. |
...
...
| Cria um objeto Web Browser. Clicando com o botão direito do mouse tem-se acesso a criação dos seguintes outros objetos: |
Tabela 1: Barra de Ferramentas Vertical
Botão | Descrição |
| Cria um objeto Janela de Alarme. Posicione a janela de alarme na tela e faça um duplo clique sobre ela para configurar seus parâmetros. Para mais informação veja em "Configurando uma Janela de Alarmes" , na página 201. Também está disponível o ícone para criação de um objeto AlarmArea. |
| Cria um objeto Janela de Tendência. Posicione a janela de tendência na tela e faça um duplo clique sobre ela para configurar seus parâmetros. Para mais informação veja em "Configurando a Janela de Tendência (Legacy)" , na página 203. |
| Cria um objeto janela DataGrid. Posicione a janela DataGrid na tela faça um duplo clique sobre ela para configurar seus parâmetros. Para mais informação veja em "Configurando uma Janela DataGrid" , na página 207. |
| Anchor | ||||
|---|---|---|---|---|
|
| Anchor | ||||
|---|---|---|---|---|
|
A tabela 2 a seguir apresenta os ícones da barra de ferramentas Horizontal do espaço Drawing e as suas funcionalidades. 
Tabela 2: Barra de Ferramentas Horizontal
BotãoDescrição |
|
Zoom da tela |
|
|
|
|
Exclusão - Exclui partes não comuns |
Ou exclusivo - Fica somente com partes não comuns |
|
Alinhar horizontalmente no centro |
Tabela 2: Barra de Ferramentas Horizontal (Continued)
BotãoDescrição |
|
|
Alinhar verticalmente no centro |
|
|
|
|
|
|
Espaçar igualmente na vertical |
|
|
|
|
Liberar movimentação de todos objetos impedidos. |
Mostrar todos os objetos |
Esconder objetos selecionados |
