Versions Compared

Old Version 5

changes.mady.by.user Jose Porto

Saved on

compared with

New Version 6

changes.mady.by.user Jose Porto

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Tip

Telas (Displays) são componentes da aplicação que servem como interface entre o usuário e o processo monitorado. Cada Tela pode ser formada por várias partes (ou telas) estáticas ou dinâmicas. Um Layout define o tamanho da janela do aplicativo e o arranjo básico de componentes de visualização.

As seções a seguir descrevem como criar a interface de usuário da aplicação:

  • "Seleção e Criação de Telas" , na página 167

  • "Criação de Layouts" , na página 174

  • "Configurações da área de Visualização" , na página 177

  • "O ambiente Desenhar (Draw)" , na página 182

  • "Ferramentas de desenho" , na página 183

    • "Propriedades dos Controles" , na página 187

  • "Controles da interface do usuário" , na página 199

  • "Gerenciando Imagens e Símbolos" , na página 211

  • "Objetos runtime Display" , na página 228

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

    Coluna

    Descrição

    Name

    Nome da tela configurado ao criar a tela no ambiente Draw. É possível renomear a tela, bastando re-escrever o novo nome sobre o texto atual.

    Mode

    Somente leitura. Configurado ao definir a Tela no ambiente Draw.

    Preview

    Somente leitura. Mostra uma figura miniatura da tela.

    AllowSelection

    Selecione para permitir que os usuários possam selecionar a Tela através do seletor de páginas (PageSelector).

    EditSecurity

    Escolha quais permissões precisam ter os usuários para ter acesso para editar esta Tela.

    RunSecurity

    Escolha quais permissões precisam ter os usuários para ter acesso a esta Tela em tempo de execução.

    Description

    Digite uma descrição para esta Tela.

    • 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 RemovedImage Added

    Operações em Telas

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

    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 Removed

    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 RemovedImage 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 no ícone cuja ação é Fechar a Tela atual e Criar uma nova.

      Image RemovedImage Added

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

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

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

    Coluna

    Descrição

    Display Name

    Digite um nome para a tela.

    Description

    Digite uma descrição para a tela.

    .NET Smart Client

    Selecione esta opção para telas a serem apresentadas normalmente nos clientes Action.NET

    HTML5 Client

    Selecione esta tela para que funcione no padrão HTML5.

    iPad/iPhone Native iOSClient

    Nota: Se você planeja usar essa Tela para usuários do iPad e do iPhone, não se esqueça de selecionar essa opção ao criar o display. Você não pode mudá-la mais tarde.

    • Selecione para ser possível usar essa Tela com iPads e iPhones. Ao selecionar esta opção, as configurações de Tela em outras partes da área Draw mostram apenas as opções que se aplicam ao Windows e iPads / iPhones.

    • Default View: Selecione o modo de Tela padrão para usuários de iPad e iPhone:

      • Paisagem

      • Retrato

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

    Note

    AVISO: Se a tela é para uso com um iPad ou iPhone, você deve selecionar a
    opção de iPad / iPhone iOS Client quando você criar o display. Você não pode alterar esta definição mais tarde.

    Definindo propriedades para a tela

    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.

    Para a definição de propriedades das telas:

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

    Coluna

    Descrição

    Mode

    Selecione o tipo de Tela que você deseja criar:

    • Page - É o modo default. Ao abrir uma tela do modo Page causa o fechamento automático da última página no layout atual e exibe na mesma área a ultima da lista da página em Displays> Layouts. Apenas telas em modo Page são exibidas no layout.

    • Popup - Uma pop-up é aberta na frente de todas as outros telas. Quando você abre uma nova página, por padrão, todas as pop-ups exibidas são fechadas. Controles em outras telas ficam disponíveis durante o aparecimento de pop-ups.

    • Dialog - Uma Tela diálogo é aberta como uma caixa de diálogo modal, que desativa os controles em todas as outras telas abertas até fechar a caixa de diálogo. Clicando OK executa o método OnOK no CodeBehind da Tela (display).

    Background

    Selecione a cor de fundo da tela.

    Width

    Introduza a largura da tela, em unidades do WPF (numero de pixels independentes de monitor). Certifique-se de levar em conta o tamanho do layout.. Ao ser criada recebe a largura definida em Info>Settings.

    Height

    Introduza a largura da tela, em unidades do WPF (numero de pixels independentes de monitor). Certifique-se de levar em conta o tamanho do layout. Ao ser criada recebe a altura definida em Info>Settings.

    Border

    Selecione o tipo de borda da tela.

    CloseButton

    Selecione se deve exibir o botão Fechar da tela. Disponível apenas para Popups e diálogos.

    Animation

    Selecione o tipo de animação (Nenhum, fade,slide, scroll) a ser usada ao mostrar esta tela..

    Show on PageSelector Object

    Marque a opção para incluir esta Tela no Seletor de Telas que permite aos usuários acessar diretamente uma Tela na aplicação, sem necessidade de incluir botões de navegação nas telas.

    iPad/iPhone iOS target

    Somente leitura. Mostra se você selecionou a opção tela para ser usada em iPad / iPhone iOS quando criou a Tela.

    Placement

    Selecione onde, dentro do Layout, que você deseja colocar esta tela. Disponível apenas para Popups e diálogos.

    Target

    Selecione se o "Placement" definido é em relação à posição do mouse ou em relação à janela inteira. Disponível apenas para Popups e diálogos.

    DialogButtons

    Selecione os botões de controle que você quer na caixa de diálogo. Disponível apenas para diálogos.

    Title

    Digite um título que vai aparecer na parte superior da tela.

    Title Background

    Selecione uma cor para o fundo do título.

    Stays Open on Page Change

    Deixe a janela pop-up aberta quando o usuário clica em algo que abre uma tela diferente. Disponível apenas
    para popups

    Stays Open After Losing Focus

    Deixe a janela pop-up aberta quando o usuário clica em uma outra. Tela. Disponível apenas para Popups.

    Left

    Digite, a distancia entre a margem esquerda do Layout e a posição em que o lado esquerdo da tela deve aparecer, em unidades WPF (pixels independente de monitor). Disponível somente para Layouts Canvas.

    Top

    Digite, a distancia entre o topo do Layout e a posição em que o topo da tela deve aparecer, em unidades WPF (pixels independente de monitor). Disponível somente para Layouts Canvas.

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

    Note

    AVISO - Ao selecionar vários objetos, o último objeto selecionado é o "mestre": as propriedades dele são as mostradas no painel à esquerda. Se você, em seguida, alinhar os objetos, o alinhamento é baseado no mestre. Se você alterar outras propriedades, as propriedades são alteradas para todos os objetos selecionados.

    Panel

    Nesta pagina:

    Table of Contents
    maxLevel2