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.

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 objeto tipo Texto usado na janela de Login para receber o código do usuário. Este objeto teve o seu numero alterado para txbUserName para facilitar seu entendimento dentro do código, conforme se pode ver na figura a seguir:

Image Removed

Para cada objeto item de tela ou também a própria Tela , pode-se escolher se o mesmo deve ou não participar dos Temas de cores, que podem ser utilizados não apenas na interface de engenharia, mas também nas telas dos projetos.

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.

Toda vez que se pode especificar uma cor e o objeto foi marcado como habilitado para Temas, ao invés de se escolher uma cor se escolhe uma função para a cor, por exemplo cor de fundo, cor de frente etc. Depois, conforme o Tema escolhido será apresentada a cor utilizada para aquela função no tema atual.

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. 

Propriedades dos Itens de Visualização

Para cada objeto item de tela ou também a própria tela possui propriedades de visualização que são mostradas a seguir.

Image Removed

Alinhamento de Conteúdo - Nos controles que há um conteúdo, como um texto, dentro de uma caixa ou quadro, são oferecidos os ajustes mostrados, que permitem a escolha do alinhamento deste conteúdo.

Aparência - Aparência do controle, inclui a escolha da cor de fundo ( ou de figura de fundo), e a existência ou não de uma linha ao redor do controle. Também pode ser escolhida a cor da linha e sua forma, tracejado, pontilhado, cheia. O fundo pode ainda ter a definição da percentagem de opacidade ou até transparência completa.

Transformação- Serve para definir inclinação do controle ou deformação angular do mesmo.

Layout- Define a posição na tela e o tamanho do controle.

Cores e Temas

Nesta nova versão foram melhorados tanto os temas no ambiente de desenvolvimento quanto os temas de projeto!

Temas do ambiente de desenvolvimento

• Escolha entre vários temas para o estilo que você mais gosta, talvez para se adequar ao seu ambiente de uso (descanse seus olhos com o modo escuro).

• Abra vários projetos ou várias cópias do mesmo projeto e cada um pode ter seu próprio tema para facilitar qual projeto você está trabalhando ou referenciando.

Temas de Projeto

• Permite que os usuários escolham facilmente um tema com o novo seletor de tema para melhor se adequar ao seu ambiente ou habilidades visuais.

• Construa facilmente seu próprio tema ou use um de nossos temas predefinidos.

• É possível desabilitar o tema para um item ou até mesmo para uma página inteira, basta apenas preencher a caixa de seleção.

Veja também todos os detalhes sobre temas na secção Temas de Cores.

Janela Editor de Cores

Como já mencionado, em vários locais pode-se especificar cores, como em fundos, linhas textos. Nestes mesmos locais, neste caso somente em fundos, pode-se especificar ao invés de uma cor de uma imagem ou padrão como um reticulado.

Para esta definição, ao clicar-se nos locais apropriados para esta escolha (normalmente quadros com cores), aparece a janela para escolha de cores, Editor de Cores, mostrada na figura seguinte.

Image Removed

Nesta janela pode-se escolher não somente a cor, mas também, aparências de gradientes e saturação de cores com pretos e brancos.

Também nesta janela, pode-se escolher além da cor, uma função para esta escolha. Isto é a definição básica para o uso de Temas de cores. Na janela aparece a palavra DefaultColor, que será a cor utilizada sempre que não houver uma escolha de função. Então, se se usou esta cor e esta função para o fundo de um controle, sempre este local estará com esta DefaultColor, qualquer que seja o tema escolhido. Trata-se de uma virtualização da escolha da cor.

Janela de Cores de Temas

Na janela Editor de Cores, clicando-se ao lado do nome da função para uma cor, aparece a janela de definição de temas, com todas as cores que são definidas para cada função e para cada tema.

Na figura é mostrada esta janela. Nas colunas são apresentadas as cores de cada função para um determinado tema. Veja na coluna do tema Blue , são mostradas as cores que serão utilizadas em cada função de cor como DisplayBackground, TextForeground, etc.

Image Removed

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

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

Control toolbox

In the area DRAW, on the left side is shown the panel setting screen properties and preview controls. The following sections show details about these settings.

UId and Text

When you create a new object or symbol on the screen, it receives a number that the uniquely identifies: The <Uid>. This Uid can be renamed by any String, which is very useful when you need to write Script code (CodeBehind) involving the control.
As an example, a Text object used in the Login window is presented to receive user code. This object has had its number changed to txbUserName to facilitate your understanding within the code, as can be seen in the following figure:

Image Added

For each object item screen or also the very Screen one can choose whether or not to participate in the Themes which can be used not only in the engineering interface, but also in the project screens.

Text is the area where you can specify a legend or title for a control that allows this functionality. You can specify the font, size, and color of the text, as well as the text itself.

Every time you can specify a color and the object has been marked as enabled for Themes instead of choosing a color if you choose a function for the color, for example background color, front color, etc. Then, as the chosen Theme will be displayed the color used for that function in the current theme.

The option Localizable should be checked if you are using language dictionaries in the project, and if you want this text to be changed according to the dictionary. 

Properties of Preview Items

For each object item screen or also the screen itself has display properties that are shown below.

Image Added

Content Alignment - In controls that there is content, such as text, within a box or frame, the settings shown are offered, which allow the choice of alignment of this content.

Appearance - Appearance of the control, includes the choice of background color (or background figure), and the existence or not of a line around the control. Also can be chosen the color of the line and its shape, dashed, dotted, full. The fund may also have the definition of the percentage of opacity or even full transparency.

Transformation- Serves to define control slope or angular deformation of the control.

Layout- Sets the position on the screen and the size of the control.

Colors and Themes

In this new version, both themes in the development environment and project themes have been improved!

Development environment themes

• Choose from several themes for the style you like best, perhaps to suit your usage environment (rest your eyes with dark mode).

• Open multiple projects or multiple copies of the same project, and each can have its own theme to make it easier for you to work or reference.

Project Themes

• Allows users to easily choose a theme with the new theme selector to better suit their environment or visual skills.

• Easily build your own theme or use one of our predefined themes.

• You can disable the theme for an item or even for an entire page, just fill in the check box.

See also all the details on topics in the section Color Themes.

Color Editor Window

As already mentioned, in several places you can specify colors, such as in backgrounds, lines text. In these same places, in this case only in backgrounds, one can specify instead of a color of an image or pattern as a reticulate.

For this setting, when you click on the appropriate locations for this choice (usually frames with colors), the window for choosing colors appears, Color Editor, shown in the following figure.

Image Added

In this window you can choose not only the color, but also the appearance of gradients and color saturation with blacks and whites.

Also in this window, one can choose besides color, a function for this choice. This is the basic definition for the use of Themes of colors. The word the word appears in the window DefaultColor, which will be the color used whenever there is no function choice. So, if you used this color and this function for the background of a control, always this site will be with this DefaultColor, whatever the theme chosen. It is a virtualization of the choice of color.

Themes Color Window

In the Color Editor window, by clicking next to the function name for a color, the theme definition window appears, with all the colors that are defined for each function and for each theme.

This window is shown in the figure. The colors of each function for a given theme are displayed in the columns. See in the theme column Blue , the colors that will be used in each color function such as DisplayBackground, TextForeground, etc. are shown.

Image Added

Dynamics and Animations

The configuration area Dynamics allows you to configure real-time changes in an object's appearance, position, size, colors, the value shown by the object, the action that the object must present when a user clicks it, and other things. This dynamic behavior is configured by creating links between object properties and tag properties or other runtime properties of the project.
In some systems, the animation name is used to refer to these dynamic changes at runtime. In Action.NET the term Dynamics is used to clearly distinguish them from the animation features provided by WPF. WPF animations also refer to changes in the graphical properties of objects running on monitors, but using timers and other object status estoms to direct the animation, not the values of the database in real time.
When you double-click an object, or press the Dynamics button, or select it from the right-click context menu, a list of dynamics that can be applied to the selected object is displayed.
Table 3 lists the available dynamics.

Dynamics and Animations

Anchor
Action_Dynamic Action_Dynamic

Action Dynamic

Para mais informações, consulte "Configurando ExpressõesFor more information, see "Configuring Expressions".

Shine Dynamic

ConfiguraçãoConfiguration	DescriçãoDescription
ShineAltera	a aparência do objeto dinamicamenteChanges the appearance of the object dynamically.
IsMouseOver	Digite um tag que receberá o OverValue ou o Type a tag that will receive OverValue or NotOverValue.
OverValue O	valor de IsMouseOver quando o mouse está sobre o objetoThe value of IsMouseOver when the mouse is over the object.
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 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 The value of IsMouseOver when the mouse is not over the object.
Tooltip	A caption text when hovering over the object
Mouse Over	The appearance of the object when the mouse is on it. Appearance  Opacity - The opacity of the object (0 = transparent, 1 = opaque). Scale - The size of the object (0.5 = metadehalf, 1 = o mesmo tamanhothe same size, 1,.5 = um ano e meioone and a half year, 2 = dobro do tamanhodouble the size). 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 efeitoSets the outerglow color, you must select to turn this effect on or off. TextColor - Sets the color of the text, you must mark the selection to turn this effect on or off.
Mouse Not Over	A aparência do objeto quando o mouse não está sobre eleThe appearance of the object when the mouse is not on it: Appearance  Opacidade - O opacidade do objetoOpacity - The opacity of the object(0 = transparentetransparent, 1 = opacoopaque). Scale - O tamanho do objeto The size of the object (0.5 = metadehalf, 1 = o mesmo tamanhothe same size, 1,.5 = um ano e meioone and a half year, 2 = dobro do tamanhodouble the size).
Is Selected	A aparência do objeto quando o mesmo está selecionadoThe appearance of the object when it is selected: Appearance  IsSelected - Define se o objeto está selecionado Opacidade - O opacidade do objeto Defines whether the object is selected Opacity - The opacity of the object(0 = transparentetransparent, 1 = opacoopaque). Scale - O tamanho do objeto The size of the object (0.5 = metadehalf, 1 = o mesmo tamanhothe same size, 1,.5 = um ano e meioone and a half year, 2 = dobro do tamanhodouble the size).
Scale Reference	Image RemovedImage Added

Dinâmica

Dynamic Text I/O

Dinamica de Hyperlink

Hyperlink Dynamic

Dinâmica Fill, Line e Text Color

Dinâmica de Security (Segurança)

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"

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.

Security Dynamics

Dynamic Fill, Line and Text Color

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

Bar Color

A cor do gráfico de barras.

Orientation

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

Image Removed

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

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

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

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 Removed

AnchorDinâmica_RotateDinâmica_RotateDinâ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 Removed

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

Dynamic Bargraph

Configuration	Description
Bargraph	Bar chart dynamics
Expression	the value used for bar chart dynamics.
Value Range	The minimum and maximum values that correspond to the maximum and minimum fill percentage.
Fill (%)	The minimum and maximum fill percentage. of the graphic bar
Bar Color	The color of the bar chart.
Orientation	The orientation of the bar chart: Image Added

Visibility Dynamics

Dynamic MoveDrag

Dynamic Scale

Setting	Description
Scale	Changes the size of the object dynamically.
Width Scale	Expression - The value used for the width scale. Range - The minimum and maximum values that correspond to the minimum and maximum percentages of the scale width Scale (%) - The minimum and maximum scale width percentage.
Height Scale	Expression - the value used for the height scale Range - The minimum and maximum values that correspond to the minimum and maximum percentages of the scale height Scale (%) - The minimum and maximum percentage of scale height.
Scale Reference:	Image Added

Dynamic Rotate

Configuration	Description
Rotate	Rotates the object dynamically.
Expression	the value used for rotation.
Value Range	The minimum and maximum values that correspond to the maximum and minimum angle of rotation. For example: from 0 to 100
Angle	The minimum and maximum angle of rotation. For example: 0-360
Center Reference	Image Added

Dynamic Skew

Configuration	Description
Skew	Distorts the object dynamically.
X-axis Skew	ObjectValue - the value used for the X-axis slope. Range - The maximum and minimum values that correspond to the maximum and minimum deviation angles of the X axis. Skew (º) - The minimum and maximum angle of deviation of the X axis. For example: from 0 to 180 º.
Axis Skew	ObjectValue - the value used for the Y-axis slope. Range - The maximum and minimum values that correspond to the maximum and minimum deviation angles of the Y axis. For example: from 0 to 100. Skew (º) - The minimum and maximum angle of deviation of the Y axis. For example: from 0 to 180 º.
Skew Reference	Image Added

Dynamic TextOutput