Versions Compared
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Tip |
---|
O ambiente de trabalho Desenhar (Draw) disponibiliza todas as ferramentas para a construção de telas gráficas para a aplicação. |
Drawing (Desenhar)
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.
Code
_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:
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 Você pode adicionar suas próprias variáveis e 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
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.
Drawing
_-
_Barra
_de
_ferramentas
_verticalDrawing_-_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 |
|
Image Modified Direct Selection Tool |
|
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 |
. |
Para adicionar, alterar e remover os pontos depois de criar um polígono ou polilinha, use a ferramenta de seleção direta. | |
Image Added | Cria um objeto retângulo. |
Image Added | Cria um objeto elipse. |
Image Added | Cria um objeto polígono. |
Image Modified Polyline | Cria um objeto polilinha. |
Image Modified Button | Cria um objeto botão. |
Image Added | 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. |
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 AddedCria um objeto senha. |
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 RemovedImage RemovedImage RemovedImage Removed Tabela 1: Barra de Ferramentas Vertical
Drawing_-_Barra_de_ferramentas_HorizontaBotã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. |
Drawing
_-
_Barra
_de
_ferramentas
_HorizontaHorizontal
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
Botão | Descrição |
Image Modified | Definição de Grade |
Image Added | Zoom da tela |
Image Modified | Agrupar |
Image Modified | Desagrupar |
Image Modified | União de desenhos |
Image Modified | Intercecção de desenhos |
Image Added | Exclusão - Exclui partes não comuns |
Image Added | Ou exclusivo - Fica somente com partes não comuns |
Image Modified | Alinhar a esquerda |
Image Added | Alinhar horizontalmente no centro |
Image Removed Tabela 2: Barra de Ferramentas Horizontal (Continued)
BotãoDescrição
Image Added | Alinhar a direita |
Image Modified | Alinhar topos |
Image Added | Alinhar verticalmente no centro |
Image Modified | Alinhar bases |
Image Modified | Mover para a frente |
Image Modified | Mover para trás |
Image Modified | Modificar largura |
Image Modified | Modificar altura |
Image Modified | Espaçar igualmente na horizontal |
Image Added | Espaçar igualmente na vertical |
Image Modified | Girar Horizontalmente |
Image Modified | Girar Verticalmente |
Image Modified | Impedir mudança de posição |
Image Modified | Liberar movimentação |
Image Added | Liberar movimentação de todos objetos impedidos |
Image Added | Mostrar todos os objetos |
Image Added | Esconder objetos selecionados |