Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

Na área DRAW, no lado esquerdo é mostrado o painel de configuração de propriedades de telas e de controles de visualização. As seções seguintes mostram detalhes sobre estas configurações.


Anchor
UId_e_Texto
UId_e_Texto
Anchor
_bookmark246
_bookmark246
UId e Texto

Quando se cria um objeto ou um símbolo novo na tela, ele recebe um número que o identifica univocamente: O <Uid>. Este Uid pode ser rebatizado por um String qualquer, o que tem muita utilidade quando se necessita, por exemplo, escrever código de Script (CodeBehind) envolvendo o controle.
Como exemplo, apresenta-se um Botão usado na janela de Login. Este objeto teve o seu numero alterado para cmdSair, para facilitar seu entendimento dentro do código, conforme se pode ver na figura a seguir:
Image Modified
Text é a área onde se pode especificar uma legenda ou titulo para um controle que permita esta funcionalidade. Pode se especificar a Fonte, o tamanho e a cor do texto, além do texto propriamente.
A opção Localizable deve ser marcada em caso de se estar utilizando dicionários de linguagens no projeto, e se desejar que este texto seja alterado de acordo com o dicionário.

Anchor
Dinâmicas_e_Animações
Dinâmicas_e_Animações
Anchor
_bookmark247
_bookmark247
Dinâmicas e Animações

A área de configuração Dynamics permite que você configure as mudanças em tempo real na aparência de um objeto, sua posição, seu tamanho, suas cores, o valor mostrado pleo objeto, a ação que o objeto deve apresentar quando um usuário o clica, e outras coisas. Esse comportamento dinâmico é configurado através da criação de elos entre as propriedades do objeto e as propriedades das Tags ou outras propriedades em tempo de execução do projeto.
Em alguns sistemas, a denominação animação é usada para se referir a essas mudanças dinâmicas em tempo de execução. No Action.NET usa-se o termo Dynamics para distingui-las claramente dos recursos de animação fornecidos pelo WPF. As animações WPF também se referem a alterações nas propriedades gráficas dos objetos executando nos monitores, mas usando temporizadores e outros status de objetos para dirigir a animação, e não os valores da base de dados em tempo real.
Quando você clicar duas vezes em um objeto, ou pressionar o botão Dynamics, ou selecioná-lo no menu de contexto do botão direito, é apresentada uma lista das dinâmicas que podem ser aplicadas no objeto selecionado.
A Tabela 3 lista as dinâmicas disponíveis.
Tabela 3: Dinâmicas e Animações

Configuração

Descrição

Action

Executa ações e comandos acionados pela interface do usuário.

Shine

Altera a aparência objeto dinamicamente.

TextIO

Dinâmica de Entrada e saída de textos

HyperLink

Abre um hiperlink.

Security

Define as permissões do objeto para executar ações, em tempo de execução

FillColor

Muda dinamicamente a cor de preenchimento do objeto

LineColor

Muda dinamicamente a cor da linha do objeto

TextColor

Muda dinamicamente a cor de texto do objeto

Bargraph

Dinâmica de barra gráfica

Visibility

Altera dinamicamente a visibilidade e opacidade objeto.

MoveDrag

Move dinamicamente o objeto.

Scale

Muda dinamicamente o tamanho do objeto.

Rotate

Gira o objeto dinamicamente.

Skew

Distorce o objeto dinamicamente.

TextOutput

Cria a dinâmica de saída de texto.


Anchor
Action_Dynamic
Action_Dynamic
Anchor
_bookmark248
_bookmark248
Action Dynamic


Tabela 4: Configuração da dinâmica Action

ConfiguraçãoDescrição

ActionExecuta a ação desencadeada pela interface do usuário.

Tabela 4: Configuração da dinâmica Action

ConfiguraçãoDescrição

EventEscolha um dos eventos do mouse. Mais do que um evento pode ser selecionado para cada ação. Por exemplo: Uma ação para o evento MouseLeftButtonDown e outra ação para MouseLeftButtonUp.

ActionSelecione uma ação para o evento determinado:

  • Nenhum - Nenhuma ação.
  • SetValue - Define o valor do objeto.
    • Object - O objeto que vai receber o valor.
    • Valor - O valor que será passado para o objeto.
  • ToggleValue - Alterna o valor do objeto. Se o valor atual do objecto é zero, o valor vai para 1. Se o valor atual do objecto é diferente de zero, o valor vai para 0.
    • Object - O objeto que será alternado.
  • OpenDisplay - Abre um display.
    • Display- O nome da Tela que será aberta.
  • CloseDisplay-Fecha um display.
    • Display-O nome da Tela que será fechada.
  • OpenLayout - Abre um layout.
    • Layout - O nome do layout que será aberto.
  • RunScript - Executa um script que deve ser colocado na aba Display> CodeBehind. Execute uma das seguintes ações:
    • Digite o nome do novo método e clique Novo .
    • Escolha um dos métodos existentes no comboBox.
  • RunExpressions - Executa a expressão dada.
    • Expressão - Digite a expressão. Por exemplo: Tag.a + 1, ou Tag.a + Tag.b ou Math.cos (Tag.angle) * Math.PI.
    • Resultado (opcional) - Digite o tag ou a propriedade que irá receber o valor da expressão.

Exemplos de Run Expresssions:

  • Somar dois valores e passar o resultado para outra tag.

Expressão-Tag.quantity1 + Tag.quantity2. Resultado-Tag.totalQuantity.

  • Incrementar um tag.

Expressão-tagCounter + 1. Resultado-tagCounter.

  • Incrementar um tag (0 - 10).

Expressão- If (tagCounter <10, tagCounter + 1,0). Resultado:-tagCounter.
Para mais informações, consulte "Configurando Expressões" , na página 161.

Image ModifiedImage Modified
Anchor
Dinâmica_de_Brilho_(Shine_Dynamic)
Dinâmica_de_Brilho_(Shine_Dynamic)
Anchor
_bookmark249
_bookmark249
Dinâmica de Brilho (Shine Dynamic)


Tabela 5: Configuração da dinamica de Brilho

ConfiguraçãoDescrição

ShineAltera a aparência do objeto dinamicamente.

IsMouseOverDigite um tag que receberá o OverValue ou o NotOverValue.

OverValue O valor de IsMouseOver quando o mouse está sobre o objeto.

NotOverValue O valor de IsMouseOver quando o mouse não está sobre o objeto.

Tooltip Um texto para legenda ao passar com mouse sobre o objeto

Mouse OverA aparência do objeto quando o mouse está sobre ele. Appearance  Opacidade - A opacidade do objeto (0 = transparente, 1 =
opaco).

  • Scale - O tamanho do objeto (0.5 = metade, 1 = o mesmo tamanho, 1,5 = um ano e meio, 2 = dobro do tamanho).
  • OuterGlow - Define a cor do OuterGlow, deve-se marcar a seleção para ativar ou desativar este efeito.
  • TextColor - Define a cor do texto, deve-se marcar a seleção para ativar ou desativar este efeito.

Mouse Not OverA aparência do objeto quando o mouse não está sobre ele: Appearance  Opacidade - O opacidade do objeto(0 = transparente, 1 =
opaco).

  • Scale - O tamanho do objeto (0.5 = metade, 1 = o mesmo tamanho, 1,5 = um ano e meio, 2 = dobro do tamanho).

Is SelectedA aparência do objeto quando o mesmo está selecionado: Appearance  IsSelected - Define se o objeto está selecionado

  • Opacidade - O opacidade do objeto(0 = transparente, 1 = opaco).
  • Scale - O tamanho do objeto (0.5 = metade, 1 = o mesmo tamanho, 1,5 = um ano e meio, 2 = dobro do tamanho).

Scale Reference
Centro Image Modified Esquerda
Image Modified Para cima
Image Modified Para direita Image Modified Para baixo

Anchor
Dinâmica_Text_I/O
Dinâmica_Text_I/O
Anchor
_bookmark250
_bookmark250
Dinâmica Text I/O


Tabela 6: Configuração da dinâmica Text I/O

ConfiguraçãoDescrição

TextIO Dinamica de entrada e saida de texto.
Se o texto é um valor de Tag ou uma propriedade, ele deve estar entre colchetes. Por exemplo: {Tag.analogInt1}.

Binding ModeAssociar um objeto com uma tag:

  • TwoWay - Permite entrada e saída.
  • InputOnly - Somente permite entrada de tetxo (o valor do tag atual não é mostrado, mas novos valores podem ser inseridos).
  • OutputOnly - Somente saída de texto é permitida.

Object or ExpressionObjeto (entrada) ou Expression (somente saida) que está conectada com a caixa de texto.

DesignModeCaptionO valor mostrado no modo de engenharia:

  • • ShowObjectNames - O conteúdo do campo de texto é mostrado exatamente como ele é.
  • • ShowPlaceHolders - São mostrados carcteres # # # , o número de caracteres é definida pelo campo MaxLength.

Input RangeDefine o intervalo numérico para o valor inserido.

MaxLengthDefine o número máximo de caracteres.

FormatDefine o formato a ser usado para números na visualização



Tabela 7: Configuração da dinâmica de Hyperlink

Configuração

Descrição

HyperLink

Abre um hyperlink.

HyperLinkType

Selecione o tipo de hyperlink:

  • http
  • ftp
  • file
  • mailto
  • telnet

Url

Configurar o URL para abrir om hiperlink

Anchor
Dinâmica_de_Security_(Segurança)
Dinâmica_de_Security_(Segurança)
Anchor
_bookmark252
_bookmark252
Dinâmica de Security (Segurança)


Tabela 8: Configuração da Dinâmica Security

Configuração

Descrição

Security

Defina as permissões do objeto em tempo de execução:

Disable

Digite um Tag, uma propriedade, ou uma expressão que retorna um valor. Considerando o valor resultante:

Verify Permissions

Quando selecionado, apenas os grupos de permissões escolhidos, podem acessar o objeto.

Confirm Message

Mostra um diálogo de confirmação antes de tomar alguma ação:

  • textBox - Digite a mensagem que irá aparecer na caixa de diálogo.
  • checkBox - Ativa ou desativa a Confirmar Mensagem.


Anchor
Dinâmica_Fill,_Line_e_Text_Color
Dinâmica_Fill,_Line_e_Text_Color
Anchor
_bookmark253
_bookmark253
Dinâmica Fill, Line e Text Color


Tabela 9: Dinâmica Fill, Line e Cor de Texto

Configuração

Descrição

FillColor

Muda a cor de preenchimento do objeto dinamicamente.

Expression

O valor usado para a dinâmica FillColor.

Change Color

  • UsingLimits - A cor resultante é determinada quando o valor for igual ou superior a um dos limites.
  • AbsoluteValue - A cor será o valor da expressão. O valor deve ser um nome válido de cor ou numero hexadecimal para cores. Por exemplo: "White" ou "# FFFFFFFF"

    Exemplo Limites:
    1 - Red
    10 - Blue
    Quando o valor é 0, o objeto terá sua própria cor (a dinâmica de preenchimento cor não vai fazer nada)
    Quando o valor é de 1 a 9, o objeto terá a cor vermelha. Quando o valor é superior a 10, o objecto terá a cor azul.

LineColor

Muda a cor da linha objeto dinamicamente:.

Expression

O valor usado para a dinâmica LineColor.

Tabela 9: Dinâmica Fill, Line e Cor de Texto

Configuração

Descrição

Change Color

  • UsingLimits - A cor resultante é determinada quando o valor for igual ou superior a um dos limites.
  • AbsoluteValue - A cor será o valor da expressão. O valor deve ser um nome válido de cor ou numero hexadecimal para cores. Por exemplo: "White" ou "# FFFFFFFF"

    Exemplo Limites:
    1 - Red
    10 - Blue
    Quando o valor é 0, o objeto terá sua própria cor (a dinamica de LineColor não vai fazer nada)
    Quando o valor é de 1 a 9, o objeto terá a cor vermelha. Quando o valor é superior a 10, o objecto terá a cor azul.

TextColor

Muda a cor do texto objeto dinamicamente:.

Expression

o valor usado para a dinâmica TextColor.

Change Color

  • UsingLimits - A cor resultante é determinada quando o valor for igual ou superior a um dos limites.
  • AbsoluteValue - A cor será o valor da expressão. O valor deve ser um nome válido de cor ou numero hexadecimal para cores. Por exemplo: "White" ou "# FFFFFFFF"

    Exemplo Limites:
    1 - Red
    10 - Blue
    Quando o valor é 0, o objeto terá sua própria cor (a dinamica de TextColor não vai fazer nada)
    Quando o valor é de 1 a 9, o objeto terá a cor vermelha. Quando o valor é superior a 10, o objecto terá a cor azul.


Anchor
Dinâmica_Bargraph
Dinâmica_Bargraph
Anchor
_bookmark254
_bookmark254
Dinâmica Bargraph


Tabela 10: Configuração da Dinâmica Bargraph

Configuração

Descrição

Bargraph

Dinâmica de gráfico de barras

Expression

o valor usado para a dinâmica de gráfico de barras.

Value Range

Os valores mínimos e máximos que correspondem ao percentual de preenchimento máximo e mínimo.

Fill (%)

O percentual mínimo e máximo de preenchimento. da barra gráfica

Image Modified Tabela 10: Configuração da Dinâmica Bargraph

Configuração

Descrição

Bar Color

A cor do gráfico de barras.

Orientation

A orientação do gráfico de barras:

...

 


Image Modified para cima

...

 


Image Modified centro horizontal

...


Image Modified para baixo

...

 


Image Modified para a direita

...


Image Modified centro vertical

...


Image Modified para a esquerda


Anchor
Dinâmica_Visibility
Dinâmica_Visibility
Anchor
_bookmark255
_bookmark255
Dinâmica Visibility


Tabela 11: Configuração da Dinâmica Visibility

Configuração

Descrição

Visibility

Altera dinamicamente a visibilidade e opacidade do objeto

Visible

Digite um tag, uma propriedade, ou uma expressão que retorne um valor. Considerando-se o valor resultante:

Tooltip

Um texto que será exibido como uma dica de ferramenta

Opacity

Opacidade

  • ObjectValue - O valor usado para definir a opacidade.
  • Range - Os valores mínimos e máximos que correspondem ao máximo e mínimo. de opacidade.
  • Opacidade - A mínima e máxima opacidade (0 - invisível, 0,5 - um pouco transparente, 1 - opaco).

Image ModifiedImage Modified
Anchor
Dinâmica_MoveDrag
Dinâmica_MoveDrag
Anchor
_bookmark256
_bookmark256
Dinâmica MoveDrag


Tabela 12: Configuração da Dinâmica MoveDrag

Configuração

Descrição

MoveDrag

Movimenta dinamicamente o objeto

BindingMode

  • TwoWay - Entrada e saída causam movimentação
  • InputOnly - Apenas entrada causa movimento. O objeto não se move quando o valor do objeto muda.
  • OutputOnly - Apenas saída causa movimento. O objeto não se move com interação do usuário.

Horizontal Move

  • Expressão com a referência para movimento horizontal
  • Range - Os valores mínimos e máximos que correspondem à posições horizontais mínima e máxima.
  • Posição - As posições horizontais mínima e máxima

Vertical Move

  • Expressão com a referência para movimento vertical
  • Range - Os valores mínimos e máximos que correspondem à posições verticais mínima e máxima.
  • Posição - As posições verticais mínima e máxima


Anchor
Dinâmica_Scale
Dinâmica_Scale
Anchor
_bookmark257
_bookmark257
Dinâmica Scale


Tabela 13: Configuração da Dinâmica Scale

Setting

Descrição

Scale

Muda o tamanho do objeto dinamicamente.

Width Scale

  • Expressão - o valor usado para a escala de largura.
  • Range - Os valores mínimos e máximos que correspondem aos percentuais minimo e máximo da largura de escala
  • Escala (%) - O percentual mínimo e máximo de largura de escala.

Height Scale

  • Expressão - o valor usado para a escala de altura
  • Range - Os valores mínimos e máximos que correspondem aos percentuais minimo e máximo da altura de escala
  • Escala (%) - O percentual mínimo e máximo de altura de escala.

Scale Reference:

...

 

...



Centro

...

 


Image Modified Esquerda

...

 


Image Modified Para cima

...


Image Modified Direita

...

 


Image Modified Para baixo

Image ModifiedImage Modified
Anchor
Dinâmica_Rotate
Dinâmica_Rotate
Anchor
_bookmark258
_bookmark258
Dinâmica Rotate


Tabela 14: Configuração da Dinâmica Rotate

Configuração

Descrição

Rotate

Gira o objeto dinamicamente.

Expression

o valor utilizado para a rotação.

Value Range

Os valores mínimos e máximos que correspondem ao ângulo máximo e mínimo de rotação. Por exemplo: de 0 a 100

Angle

O ângulo mínimo e máximo de rotação. Por exemplo: 0-360

Center Reference

...

 

...



Centro

...


Image Modified Esquerda

...


Image Modified Para cima

...

 


Image Modified Direita

...

 

...

 


Image Modified Para baixo

Anchor
Dinâmica_Skew
Dinâmica_Skew
Anchor
_bookmark259
_bookmark259
Dinâmica Skew

Tabela 15: Configuração da Dinâmica Skew

Configuração

Descrição

Skew

Distorce o objeto dinamicamente.

X-axis Skew

  • ObjectValue - o valor usado para a inclinação do eixo-X.
  • Range - Os valores máximo e mínimo que corresponde ao ângulos de desvio máximo e mínimo do eixo X. Por exemplo: de 0 a 100.
  • Skew (º) - O mínimo e o máximo ângulo de desvio do eixo X. Por exemplo: de 0 a 180 º.

Y axis skew

  • ObjectValue - o valor usado para a inclinação do eixo-Y.
  • Range - Os valores máximo e mínimo que corresponde ao ângulos de desvio máximo e mínimo do eixo Y. Por exemplo: de 0 a 100.
  • Skew (º) - O mínimo e o máximo ângulo de desvio do eixo Y. Por exemplo: de 0 a 180 º.

Skew Reference

...

 



Centro

...

 


Image Modified Esquerda

...


Image Modified Para cima

...


Image Modified Direita

...


Image Modified Para baixo


Image ModifiedImage Modified
Anchor
Dinâmica_TextOutput
Dinâmica_TextOutput
Anchor
_bookmark260
_bookmark260
Dinâmica TextOutput


Tabela 16: Configuração da Dinâmica TextOuput

Configuração

Descrição

TextOutput

Dinâmica de saída de texto.

Expression

Indica o texto que será mostrado no objeto.

Localizable

Indica se o texto deve ser traduzido quando o dicionário muda.

DesignModeCaption

O valor mostrado no modo de design:

  • ShowObjectNames-O conteúdo do campo de texto é mostrado exatamente como ele é.
  • ShowPlaceHolders - São mostrados os caracteres # # #, o número de caracteres é definido pelo campo

MaxLength

Define o número máximo de caracteres.

Format

Define o formato a ser usado para números na visualização