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 tags.
...
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.
...
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. |
...
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:
|
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.
...
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 =
|
Mouse Not OverA aparência do objeto quando o mouse não está sobre ele: Appearance Opacidade - O opacidade do objeto(0 = transparente, 1 =
|
Is SelectedA aparência do objeto quando o mesmo está selecionado: Appearance IsSelected - Define se o objeto está selecionado
|
Scale Reference |
...
ConfiguraçãoDescrição |
TextIO Dinamica de entrada e saida de texto. |
Binding ModeAssociar um objeto com uma tag:
|
Object or ExpressionObjeto (entrada) ou Expression (somente saida) que está conectada com a caixa de texto. |
DesignModeCaptionO valor mostrado no modo de engenharia:
|
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 |
...
Configuração | Descrição |
HyperLink | Abre um hyperlink. |
HyperLinkType | Selecione o tipo de hyperlink:
|
Url | Configurar o URL para abrir om hiperlink |
...
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:
|
...
Configuração
...
Descrição
...
FillColor
...
Muda a cor de preenchimento do objeto dinamicamente.
...
Expression
...
O valor usado para a dinâmica FillColor.
...
Change Color
...
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
...
...
...
...
...
...
...
...
...
...
...
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 |
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: |
| para cima |
| centro horizontal |
| para baixo |
| para a direita |
| centro vertical |
| para a esquerda |
...
...
...
...
...
...
...
...
...
...
Centro
...
...
Esquerda
...
...
Para cima
...
...
Direita
...
...
Para baixo
...
...
...
...
...
...
...
Centro
...
...
Esquerda
...
...
Para cima
...
...
Direita
...
...
Para baixo
...
...
...
...
Centro
...
...
Esquerda
...
...
Para cima
...
...
Direita
...
...
Para baixo
...