Tip
O ambiente de trabalho Desenhar (Draw) disponibiliza todas as ferramentas para a construção de telas gráficas para a aplicação.

Image Removed

Pode-se partir de telas vazias e criar objetos, ou pode-se incorporar objetos prontos com várias dinâmicas de visualização ou de ação.

Drawing (Desenhar)

Image Added

Para entrar neste ambiente clique o ícone de Desenhar. (Draw)
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

Code

_

Behind

_

-

_

Scripts

_

de

_

Telas

Code_Behind_-_Scripts_de_Telas Anchor_bookmark241_bookmark241Code Behind - Scripts de Telas

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:

Code Block

language	c#

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.

Image Removed


                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 outros métodos dot NET neste texto de código.

Info
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

Ferramentas

_

de

_

desenho

Ferramentas_de_desenho Anchor_bookmark242_bookmark242Ferramentas de desenho

A aba Drawing tem os seguintes barras de ferramentas e controles para criar, formatar e configurar as Telas:

Drawing_-_Barra_de_ferramentas_verticalDrawing_-_Barra_de_ferramentas_vertical Anchor_bookmark243_bookmark243

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

Drawing - Barra de ferramentas vertical

A tabela 1 a seguir apresenta os ícones da barra de ferramentas Vertical do espaço Drawing e as suas funcionalidades.Image RemovedImage RemovedImage RemovedImage Removed Tabela 1: Barra de Ferramentas Vertical

Botão	Descrição
Image Modified Selection Tool	Clique em um objeto para selecioná-lo. CTRL + clique para selecionar vários objetos (e grupos de objetos), um de cada vez. Mantenha pressionada a tecla CTRL enquanto clica em cada objeto. Shift + clique para alternar objeto selecionado entre mais de um objeto selecionado. Clique em uma área aberta da tela, em seguida, selecione um grupo de elementos, destacando os elementos enquanto arrastando o mouse e mantendo pressionado o botão esquerdo do mouse. Clique duas vezes em um objeto para abrir a janela de configuração Dynamics, que permite definições para propriedades de objetos dinâmicos.
Image Modified Direct Selection Tool	Use esta ferramenta para selecionar um objeto dentro de um grupo (e modificar suas propriedades). Clique no objeto para selecioná-lo. Você também pode adicionar, remover e modificar os pontos em um polígono com a Direct Selection Tool: Para mover o ponto, selecione-o clicando no ponto e segurando o botão esquerdo do mouse pressionado. Arraste o ponto para sua nova posição. Clique duas vezes em um ponto para adicionar um novo ponto adjacente ao ponto selecionado. Para excluir um ponto selecionado pressione o botão direito.
Image Modified Hand Tool	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 ferramenta.

.

Para adicionar, alterar e remover os pontos depois de criar um polígono ou

polilinha

poli-linha, use a ferramenta de seleção direta.
Image Added Rectangle	Cria um objeto retângulo.
Image Added Ellipse	Cria um objeto elipse.
Image Added Polygon	Cria um objeto polígono.
Image Modified Polyline	Cria um objeto polilinha.
Image Modified Button	Cria um objeto botão.
Image Added Text Output	Cria um objeto de saída de texto.

Image RemovedImage Removed Tabela 1: Barra de Ferramentas Vertical

Botão

Descrição

.

Image Modified Text Box	Cria um objeto de entrada/saída de texto. Para vincular o objeto de texto de I / O com uma tag, clique duas vezes no objeto de texto de I / O. Na janela de configuração dinâmica selecionar TextIo dinâmico.
Image Modified CheckBox	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: Image Modified Cria um objeto radio button Image Modified Cria um objeto combo box. Image Modified Cria um objeto list box. Image AddedCria um objeto senha. Image Modified Cria um objeto "Pega data" Image Modified Cria um objeto date/time text box. Image Modified Cria um objeto rótulo. Image Modified Cria um objeto controle deslizante. Depois de selecionar o objeto deste menu, ele se torna o objeto default para este botão na barra vertical.
Image Modified Insert Symbol	Clicando este botão mostra a Biblioteca de Símbolos que inclui tanto os símbolos pre definidos como os definidos pelo usuário.
Image Modified Symbol Factory	Abre o aplicativo Symbol Factory para obtenção de símbolos prontos, vetoriais, em grande variedade.
Image Added Image Resource	Abre a janela de biblioteca de imagens (recursos), para se obter delas imagens para uso na tela.
Image Modified Web Browser	Cria um objeto Web Browser. Clicando com o botão direito do mouse tem-se acesso a criação dos seguintes outros objetos: Image Modified Cria um objeto Page Selector, onde os usuários podem ir para escolher diretamente para uma outra Tela na aplicação. Image Modified Cria um objeto Report Viewer . Image Modified Cria um objeto n XPS Viewer. Image Modified Cria um objeto janela filha (Child Window). Image Modified Cria um componente WPF externo. - Neste caso aparece uma janela para a escolha do objeto a ser criado, dentre os controles WPF cadastrados no projeto. Veja em "Configurando componentes WPF"

, na página 199

Nota: Depois de selecionar o objeto deste menu, ele se torna o objeto default para este botão na barra vertical.

Image RemovedImage RemovedImage RemovedImage Removed Tabela 1: Barra de Ferramentas Vertical

Drawing_-_Barra_de_ferramentas_HorizontaDrawing_-_Barra_de_ferramentas_Horizonta Anchor_bookmark244_bookmark244

Botão

Descrição

Image Modified Alarm Window

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.
Image AddedTrend Window	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.


Image Modified DataGrid Window	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

Drawing - Barra de ferramentas Horizontal

A tabela 2 a seguir apresenta os ícones da barra de ferramentas Horizontal do espaço Drawing e as suas funcionalidades. Image Removed Tabela 2: Barra de Ferramentas Horizontal