Build a mobile-friendly app

Visão geral

Você pode usar o UiPath^® Apps para criar aplicativos compatíveis com dispositivos móveis. O mesmo aplicativo pode ser usado em dispositivos com diferentes tamanhos de tela, como celulares, pixels ou computadores, sem qualquer problema.

Para demonstrar isso, siga as etapas da seção Tutorial.

Você também pode encontrar um arquivo de aplicativo de amostra com mais exemplos no final desta página.

Note: The Custom List control does not currently support mobile or small screens.

Tutorial

Use este exemplo para criar um aplicativo que contém três campos e um botão de envio. Este aplicativo se comporta de maneira diferente dependendo do tamanho da tela.

1. Crie um aplicativo novo.

2. Adicione um controle de Contêiner em seu aplicativo.

   1. Defina o Layout do contêiner como Horizontal.

   2. Marque a propriedade Permitir encapsulamento do contêiner.

   3. Configure o tamanho da Largura do contêiner como 100 %.
      
      

      

      
      

3. Adicione um controle Textbox no contêiner.

   1. Adicione Name na propriedade Rótulo.

   2. Altere o Posicionamento do rótulo para Superior a partir da guia Estilo .

4. Adicione um segundo controle Textbox após o primeiro.

   1. Adicione Age na propriedade Rótulo.

   2. Altere o Posicionamento do rótulo para Superior a partir da guia Estilo .

5. Adicione um terceiro controle Textbox após o segundo.

   1. Adicione Address na propriedade Rótulo.

   2. Altere o Posicionamento do rótulo para Superior a partir da guia Estilo .

6. Adicione um segundo contêiner abaixo do primeiro com as mesmas propriedades de estilo .

7. Adicione um controle Button no segundo contêiner.

   
   

   

   
   

Resultado e Teste

Agora você pode visualizar e testar seu aplicativo.

Para testar seu aplicativo usando o navegador Google Chrome , siga as etapas abaixo:

1. Clique com o botão direito do mouse em qualquer lugar da página.
2. Selecione Inspecionar no menu.
3. No menu à direita, clique em Alternar barra de ferramentas do dispositivo.

4. Escolha as dimensões desejadas na lista suspensa na parte superior da página para testar seu aplicativo.

   
   

   

   
   
   Observação: no caso do controle Layout dos contêineres, os contêineres dentro são automaticamente compatíveis com dispositivos móveis. Se os controles dentro dos contêineres também precisarem ser reativos, use a propriedade Permitir envolvimento.

Para obter mais exemplos, você pode baixar o arquivo de aplicativo de amostra abaixo.

Baixe o exemplo