Criar uma interface de usuário responsiva

Desenvolva um
Aplicativo FactoryTalk Optix
 com vários layouts ajustados para viewports de diferentes tamanhos.
  1. Crie tipos de tela para diferentes layouts de aplicativos. Consulte Tela.
    DICA: Comece com o desenvolvimento de três layouts de diferentes janelas de exibição, como por exemplo, pequena, média e grande. Para mais informações, consulte Tamanhos de tela e pontos de interrupção para design responsivo - Aplicativos do Windows | Microsoft Learn.
  2. Crie um NetLogic que lê a largura (e altura) da janela e gera um valor com base nos pontos de interrupção.
    Por exemplo, crie um NetLogic que lê a largura da janela e retorna um valor de enumeração
    Pequeno
    ,
    Médio
     ou
    Grande
    .
    Em tempo de execução, o NetLogic retorna um valor conforme você redimensiona a janela e excede os valores do ponto de interrupção.
  3. Crie um carregador de painel com um conversor chave-valor que converte os valores gerados pelo NetLogic em vínculos dinâmicos que têm como destino os tipos de tela.
    Em tempo de execução, o carregador de painel exibe um tipo de tela específico com base na largura da janela. Conforme você redimensiona a janela e excede os valores do ponto de interrupção, o layout do aplicativo muda para se ajustar aos diferentes tamanhos de viewport.
  4. (opcional) Para executar um aplicativo responsivo em navegadores da Web compatíveis:
    1. Adicione um Mecanismo de apresentação da Web. Consulte Configurar mecanismos de apresentação.
    2. Alongue o projeto na janela do navegador da Web. Na
      Exibição de projeto
      , selecione
      MainWindow (type)
       e:
      • Em
        Propriedades
        , crie um vínculo dinâmico entre
        Tela cheia
         e
        Aliases
        {Sessão}
        Sessão
        Sessão da interface do usuário
        Sessão da Web
        .
        Para mais informações sobre vínculos dinâmicos, consulte Criar vínculos dinâmicos.
        O alias
        {Session}/IsWeb
         será resolvido como
        Verdadeiro
         se o projeto for executado em um navegador da Web. Para mais informações, consulte Criar perfil de objetos para diferentes mecanismos de apresentação.
        Em tempo de execução, o Mecanismo de apresentação nativo exibe um aplicativo em janelas, e o Mecanismo de apresentação da Web exibe um tipo de tela específico com base na largura da janela do navegador da Web.
      • Em
        Propriedades
        , defina
        Tela cheia
         como
        Verdadeiro
        .
        Em tempo de execução, o Mecanismo de apresentação nativo exibe um aplicativo de tela cheia, e o Mecanismo de apresentação da Web exibe um tipo de tela específico com base na largura da janela do navegador da Web.
    Conforme você redimensiona o navegador da Web e excede os valores do ponto de interrupção, o layout do aplicativo muda para se ajustar aos diferentes tamanhos de viewport.
Dê sua opinião
Tem dúvidas ou comentários sobre esta documentação? Por favor, envie seu comentário aqui.