Seleção e Criação de Telas

No Action.NET a janela principal da tela do aplicativo é definida por um objeto denominado Layout. Um Layout define o tamanho da janela do aplicativo e o arranjo básico de componentes de visualização (Telas e partes de Telas) na aplicação em tempo real. Veja "Criação de Layouts"

.

Uma tela pode conter vários elementos de visualização e comando, incluindo controles, áreas de tela de dados, áreas estáticas e outros objetos. Estes componentes ou telas podem ser estáticos, ou seja, eles sempre são exibidos, como uma barra de menu, barra de ferramentas ou barra de status. Os componentes também podem ser trocados dinamicamente, dependendo do que o usuário clica ou seleciona.

Para selecionar Telas:

1. Vá para Edit> Displays> Displays.

2. Selecione a opção de visualização Cardview ou TableView na parte superior direita do DataGrid com a lista de Telas.

3. Veja a lista de Telas disponíveis aparecer no DataGrid.

• Outras colunas não incluídas na tabela acima se referem as dimensões da tela. Nesta tabela estes atributos estão em modo read-only. Podem ser alterados no ambiente Draw descrito adiante.

Image Added

Operações

em

Telas

Para editar uma Tela, selecione-a no DataGrid na aba Display e pressione o botão DRAW.

Image Added

Quando você está no ambiente DRAW, você também pode editar telas selecionando-as na combo-box na barra de ferramentas que aparece para a execução de operações com as telas.

Image Added

• A caixa (list box) a esquerda mostra o nome da tela atualmente carregada na área de trabalho. Abrindo esta caixa (clique na seta) aparece a lista com todas as telas existentes no projeto. Escolhendo-se uma na lista, esta será carregada na área de Desenho e passará ser a tela corrente para edição.

• O ícone em formato de disquete serve para solicitar salvamento das alterações;

• O ícone com o disquete e a figura abrindo a ficha serve para solicitar salvar a tela com outro nome (salvar como).

• O ícone com o sinal + deve ser utilizado para criar uma nova tela, vazia, e fechar, salvando-a a tela até então carregada. Também faz aparecer uma janela solicitando o nome a ser dado para a nova tela.

• O símbolo com o Monitor de vídeo permite mostrar uma visão prévia da tela para se ver como ficará a tela em tempo real.

• O ícone com a imagem de uma janela de dados, quando pressionado faz aparecer uma janela com a lista de todos os objetos existentes na tela. Clicando em cada um dos objetos listados, faz a seleção do objeto na tela.

Image Added

• O ultimo ícone serve para fechar a tela corrente sem salvar as ultimas alterações

Criando

uma

nova

tela

Para criar uma nova Tela

1. Vá para Draw> Drawing .

2. Clique

1. no ícone cuja ação é Fechar a Tela atual e Criar uma nova.

   Image Added

2. Se você não encontrar este botão na barra de ferramentas, faça a sua janela mais larga.

1. Será exibida a janela para criar uma nova tela.

2. Image Added

3. Digite ou selecione as informações, conforme necessário.

• Clique OK, para fechar a janela de criação da tela.

Definindo propriedades para a tela comum

Image Added

Do lado esquerdo da janela principal aparece uma área para o detalhamento dos atributos da tela, com duas partes: Appearance e DisplaySettings.

Os parâmetros de Aparência definem o estilo do "pincel" usado ao desenhar objetos na tela, incluindo as cores.
Clicando na opção Fill (preencher) você poderá definir Cores, gradientes ou objetos para o preenchimento de uma figura gráfica.

Os parâmetros em DisplaySettings definem, os atributos da tela. As telas podem ser configuradas como PopUps, Diálogos, ou Telas normais. As dimensões da tela ao ser criada seguem o que está definido em Info>Settings.

Como qualquer objeto gráfico, as Telas podem ter cores e padrões diferentes, bordas, títulos e muito mais.
Uma característica especial é que você pode especificar uma transição de animação para usar quando trocar de uma tela para outra de forma semelhante ao que se usa nas apresentações do PowerPoint.

Se você tiver selecionado a opção de tela para iPad / iPhone iOS, quando criou a exibição, nem todos os DisplaySettings estarão disponíveis. Também no casoo de Dashboards á algumas diferenças para a definição. Veja nos itens seguintes.

Na parte inferior pode-se escolher Enable Theme, para uso desta funcionalidade de troca de cores de temas de apresentação.

Para a definição de propriedades das telas:

Digite ou selecione as informações, conforme necessário, para a definição dos DisplaySettings

• Use as ferramentas de desenho, nas barras vertical à esquerda e horizontal inferior para criar, e posicionar objetos de visualização na Tela

• Selecione um dos botões na barra de ferramentas vertical. Coloque o cursor na área de exibição, em seguida, clique e segure o botão esquerdo do mouse enquanto arrasta o cursor em na área da Tela recém crida.

• Para ver um menu de opções, clique com o botão direito do mouse sobre o objeto desenhado. O menu de contexto fornece ações que são específicas para o objeto selecionado.

• Para selecionar vários objetos, pressione Shift + clique com o botão esquerdo do mouse em cada objeto

• .

• A barra de ferramentas horizontal (na parte inferior da aba Drawing) contém botões para agrupar, combinar, alinhar e bloquear os objetos selecionados

• Para mais informações sobre as ferramentas de desenho, consulte "Ferramentas de desenho" .

• Clique em Save Display.

Dashboards

Os dashboards transmitem rapidamente uma grande quantidade de dados em um formato compacto e facilmente acessível.

• Layouts responsivos permitem que seus dashboards sejam redimensionados de forma inteligente com base no tamanho da tela do dispositivo de visualização.

• Arraste e solte painéis facilmente para exibir vários tipos de gráficos, como de tendência, pizza, barras, além de medidores e muito mais!

• Adicione qualquer objeto da biblioteca de símbolos - seja nativo do Action˳NET ou uma criada pelo usuário!

• Crie grupos para controlar seu comportamento responsivo separadamente da página geral.

• Crie dashboards para clientes .NET e HTML5 a partir do mesmo ambiente de desenvolvimento.

• Suporta nossos novos Temas de Projeto para personalização rápida!

Definindo propriedades para telas Dashboards

Image Added

Para as telas do tipo Dashboard, devido a sua funcionalidade, poucas propriedade devem ser definidas. Basicamente a cor de background , tamanho da tela e se deve ser utilizada a funcionalidade de temas de cores.

Somente Símbolos, ( de biblioteca local ou da biblioteca de símbolos gráficos) componentes WPF(gráficos, tabelas, grids, outros controles) e painéis podem ser inseridos em telas do tipo dashboard.

Não se pode desenhar diretamente no fundo da tela. Para um desenho, objetos de rótulos ou displays de numeors ou textos, faça um símbolo e coloqque estes elementos nele. Após coloque o símbolo sobre a tela. Estes símbolos ou componentes sempre serão envoltos por containers que serão redimensionados de forma responsiva em tempo real.

Veja mais detalhes de como usar esta telas em Dashboards (Telas Painéis).

Objetos runtime Display

O espaço de nomes Display lista todas as Telas com suas propriedades e métodos de abrir e fechar.
O namespace Layout lista todos os layouts com suas propriedades e métodos de abrir e fechar.
O namespace Client tem as propriedades do ambiente em cada computador cliente ou dispositivo móvel conectado.
Veja http://www.spinengenharia.com.br/help/an-2014/runtime/index.html para a referência de programação completa em objetos de tempo de execução.