Versions Compared
Version | Old Version 1 | New Version 2 |
---|---|---|
Changes made by | ||
Saved on |
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.
- 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.
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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 | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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 | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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:
|
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 Modified
Image Modified
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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 =
|
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 |
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
Tabela 6: Configuração da dinâmica Text I/O
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 |
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
Tabela 7: Configuração da dinâmica de Hyperlink
Configuração | Descrição |
HyperLink | Abre um hyperlink. |
HyperLinkType | Selecione o tipo de hyperlink:
|
Url | Configurar o URL para abrir om hiperlink |
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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:
|
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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 |
|
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 |
|
TextColor | Muda a cor do texto objeto dinamicamente:. |
Expression | o valor usado para a dinâmica TextColor. |
Change Color |
|
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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: |
...
|
...
|
...
|
...
|
...
|
...
|
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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
|
Image Modified
Image Modified
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
Tabela 12: Configuração da Dinâmica MoveDrag
Configuração | Descrição |
MoveDrag | Movimenta dinamicamente o objeto |
BindingMode |
|
Horizontal Move |
|
Vertical Move |
|
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
Tabela 13: Configuração da Dinâmica Scale
Setting | Descrição |
Scale | Muda o tamanho do objeto dinamicamente. |
Width Scale |
|
Height Scale |
|
Scale Reference: |
...
...
Centro |
...
|
...
|
...
|
...
|
Image Modified
Image Modified
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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 |
...
|
...
|
...
|
...
...
|
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
Tabela 15: Configuração da Dinâmica Skew
Configuração | Descrição |
Skew | Distorce o objeto dinamicamente. |
X-axis Skew |
|
Y axis skew |
|
Skew Reference |
...
Centro |
...
|
...
|
...
|
...
|
Image Modified
Image Modified
Anchor | ||||
---|---|---|---|---|
|
Anchor | ||||
---|---|---|---|---|
|
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:
|
MaxLength | Define o número máximo de caracteres. |
Format | Define o formato a ser usado para números na visualização |