TipPara facilitar a criação de

Tip
Para facilitar a criação de telas, além do desenho direto de objetos, há também a possibilidade da inserção direta de objetos completos, como caixas com listas, botões, gráficos, listas de alarmes, e outros mais que podem ser importados de bibliotecas externas WPF.

Toolbox de controles

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.

Veja em "UId e Texto" , na página 188, a configuração do texto e Identificador.

Para configurar a dinâmica, consulte "Dinâmicas e Animações" , na página 188

Para configurar controles veja em "Controles da interface do usuário" , na[ página 199|Controles da interface do usuário].

Veja em "Aparência e Transformação" , na página 209, sobre Aparência.

Veja em "Alteração de vários controles" , na página 209, para operações de troca de t

.

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:

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_bookmark247Dinâ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
Action Dynamic

Tabela 4: Configuração da dinâmica

ActionExecuta

Configuração	Descrição
Action

ConfiguraçãoDescrição

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

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

ConfiguraçãoDescrição

EventEscolha Event

Escolha 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.

Action

ActionSelecione Selecione 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.

Info

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

_Dynamic)
Dinâmica de Brilho (Shine Dynamic)

Tabela 5: Configuração da dinamica de Brilho

ConfiguraçãoDescrição	ShineAltera ConfiguraçãoDescrição
Shine	Altera a aparência do objeto dinamicamente.
IsMouseOverDigite IsMouseOver	Digite 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 Over	A 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 Over	A 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 Selected	A 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 Esquerda Para cima Para direita 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	Descriçã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 Mode	Associar 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 Expression	Objeto (entrada) ou Expression (somente saida) que está conectada com a caixa de texto.
DesignModeCaption	DesignModeCaptionO O 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 Range	Define o intervalo numérico para o valor inserido.
MaxLength	MaxLengthDefine Define o número máximo de caracteres.
Format	FormatDefine Define o formato a ser usado para números na visualização

AnchorDinamica_de_HyperlinkDinamica_de_Hyperlinkanchor

_bookmark251_bookmark251

Dinamica de Hyperlink

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 de Security (Segurança)

Dinâmica_Fill,_Line_e_Text_ColorDinâmica_Fill,_Line_e_Text_Color Anchor_bookmark253_bookmark253

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: Zero - objeto será habilitado. Maior que zero - o objeto será desativado. Para mais informações, consulte "Configurando Expressões" , na página 161.
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

alguma ação:

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

Dinâmica Fill, Line e Text Color

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.

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.

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 Removed

Configuração	Descrição
Bar Color	A cor do gráfico de barras.
Orientation	A orientação do gráfico de barras:
Image Added	para cima
	centro horizontal
	para baixo
	para a direita
	centro vertical
	para a esquerda

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: Zero - Objeto será visível. Maior que zero - Objeto serão ocultado. Para mais informações, consulte "Configurando Expressões" , na página 161.
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 RemovedImage Removed
Anchor
Dinâmica_MoveDrag
Dinâmica_MoveDrag
Dinâmica MoveDrag

Dinâmica_ScaleDinâmica_Scale Anchor_bookmark257_bookmark257

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

e máxima.
Posição - As posições verticais mínima e máxima

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:
Image Added	CentroImage Added
	Esquerda
	Para cima
	Direita
	Para baixo

Image Removed

Anchor
Dinâmica_Rotate
Dinâmica

_Rotate Anchor

_

bookmark258_bookmark258Dinâ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
Image Added	CentroImage Added
	Esquerda
	Para cima
	Direita
	Para baixo

Anchor
Dinâmica_Skew
Dinâmica_Skew
Anchor
_bookmark259
_bookmark259
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
Image Added	Centro Image Added
	Esquerda
	Para cima
	Direita
	Para baixo

Image Removed

Dinâmica TextOutput

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

Panel

Nesta pagina:

Table of Contents

maxLevel	2

Versions Compared

Old Version 4

New Version 5

Key

Toolbox de controles

UId e Texto

Dinâmicas

e

Animações

Anchor
Action_Dynamic
Action_Dynamic
Action Dynamic

Image ModifiedImage Modified
Anchor
Dinâmica_de_Brilho_(Shine_Dynamic)
Dinâmica_de_Brilho_(Shine

_Dynamic)
Dinâmica de Brilho (Shine Dynamic)

Anchor
Dinâmica_Text_I/O
Dinâmica_Text_I/O

Dinâmica Text I/O

Dinamica de Hyperlink

Anchor
Dinâmica_de_Security_(Segurança)

Dinâmica_de_Security_(Segurança)

Dinâmica de Security (Segurança)

Dinâmica Fill, Line e Text Color

Dinâmica Bargraph

Dinâmica Visibility

Image RemovedImage Removed
Anchor
Dinâmica_MoveDrag
Dinâmica_MoveDrag
Dinâmica MoveDrag

Dinâmica Scale

Anchor
Dinâmica_Rotate
Dinâmica

_

Rotate

Dinâmica Rotate

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

Dinâmica TextOutput

Page Comparison

Versions Compared

Old Version 4

New Version 5

Key

Toolbox de controles

UId e Texto

Dinâmicas

e

Animações

AnchorAction_DynamicAction_DynamicAction Dynamic

Image ModifiedImage Modified AnchorDinâmica_de_Brilho_(Shine_Dynamic)Dinâmica_de_Brilho_(Shine

_Dynamic)Dinâmica de Brilho (Shine Dynamic)

AnchorDinâmica_Text_I/ODinâmica_Text_I/O

Dinâmica Text I/O

Dinamica de Hyperlink

AnchorDinâmica_de_Security_(Segurança)

Dinâmica_de_Security_(Segurança)

Dinâmica de Security (Segurança)

Dinâmica Fill, Line e Text Color

Dinâmica Bargraph

Dinâmica Visibility

Image RemovedImage Removed AnchorDinâmica_MoveDragDinâmica_MoveDragDinâmica MoveDrag

Dinâmica Scale

AnchorDinâmica_RotateDinâmica

_

Rotate

Dinâmica Rotate

AnchorDinâmica_SkewDinâmica_Skew Anchor_bookmark259_bookmark259Dinâmica Skew

Dinâmica TextOutput

Anchor
Action_Dynamic
Action_Dynamic
Action Dynamic

Image ModifiedImage Modified
Anchor
Dinâmica_de_Brilho_(Shine_Dynamic)
Dinâmica_de_Brilho_(Shine

_Dynamic)
Dinâmica de Brilho (Shine Dynamic)

Anchor
Dinâmica_Text_I/O
Dinâmica_Text_I/O

Anchor
Dinâmica_de_Security_(Segurança)

Image RemovedImage Removed
Anchor
Dinâmica_MoveDrag
Dinâmica_MoveDrag
Dinâmica MoveDrag

Anchor
Dinâmica_Rotate
Dinâmica

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