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. |
...
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.
...
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:
Code Block | ||
---|---|---|
| ||
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 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. |
...
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
...
vertical
...
A tabela
...
a seguir apresenta os ícones da barra de ferramentas Vertical do espaço Drawing e as suas funcionalidades.
...
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 |
...
poli-linha, 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
...
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
...
...
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" |
...
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)" |
...
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" |
...
Drawing
...
-
...
Barra
...
de
...
ferramentas
...
Horizontal
A tabela
...
BotãoDescrição |
Image Removed Definição de Grade |
Zoom da tela |
Image Removed Agrupar |
Image Removed Desagrupar |
Image Removed União de desenhos |
Image Removed Intercecção de desenhos |
Exclusão - Exclui partes não comuns |
Ou exclusivo - Fica somente com partes não comuns |
Image Removed Alinhar a esquerda |
Alinhar horizontalmente no centro |
Image Removed Tabela 2: Barra de Ferramentas Horizontal (Continued)
...
BotãoDescrição
...
Image Removed Alinhar a direita
...
Image Removed Alinhar topos
...
Alinhar verticalmente no centro
...
Image Removed Alinhar bases
...
Image Removed Mover para a frente
...
Image Removed Mover para trás
...
Image Removed Modificar largura
...
Image Removed Modificar altura
...
Image Removed Espaçar igualmente na horizontal
...
Espaçar igualmente na vertical
...
Image Removed Girar Horizontalmente
...
Image Removed Girar Verticalmente
...
Image Removed Impedir mudança de posição
...
Image Removed Liberar movimentação
...
Liberar movimentação de todos objetos impedidos.
...
Mostrar todos os objetos
...
a seguir apresenta os ícones da barra de ferramentas Horizontal do espaço Drawing e as suas funcionalidades.
...
Image Added
Scroll ignore | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
Nesta página: |