Build a mobile-friendly app

Información general

Puedes utilizar UiPath^® Apps para crear aplicaciones optimizadas para dispositivos móviles. La misma aplicación se puede utilizar en dispositivos con diferentes tamaños de pantalla, como teléfonos móviles, tabletas u ordenadores, sin ningún problema.

Para demostrarlo, sigue los pasos de la sección Tutorial.

También puedes encontrar un archivo de aplicación de muestra con más ejemplos al final de esta página.

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

Tutorial

Use este ejemplo para crear una aplicación que contenga tres campos y un botón de enviar. Esta aplicación se comporta de manera diferente según el tamaño de la pantalla.

1. Crea una nueva app.

2. Añade un control de Contenedor a tu aplicación.

   1. Establezca el Diseño del contenedor en Horizontal.

   2. Marca la propiedad Permitir ajuste del contenedor.

   3. Configure el tamaño de Ancho del contenedor como 100 %.
      
      

      

      
      

3. Agrega un control de Cuadro de texto en el contenedor.

   1. Añade Name en la propiedad Etiqueta.

   2. Cambia la Colocación de las etiquetas a Superior en la pestaña Estilo .

4. Añade un segundo control Cuadro de texto después del primero.

   1. Añade Age en la propiedad Etiqueta.

   2. Cambia la Colocación de las etiquetas a Superior en la pestaña Estilo .

5. Añade un tercer control Cuadro de texto después del segundo.

   1. Añade Address en la propiedad Etiqueta.

   2. Cambia la Colocación de las etiquetas a Superior en la pestaña Estilo .

6. Añade un segundo contenedor debajo del primero con las mismas propiedades de Estilo .

7. Agrega un control Botón en el segundo contenedor.

   
   

   

   
   

Resultado y pruebas

Ahora puede previsualizar y probar su aplicación.

Para probar su aplicación con el navegador Google Chrome , siga los pasos a continuación:

1. Haz clic derecho en cualquier lugar de la página.
2. Seleccione Inspeccionar en el menú.
3. En el menú del lado derecho, haz clic en Alternar barra de herramientas de dispositivo.

4. Elija las dimensiones deseadas de la lista desplegable en la parte superior de la página para probar su aplicación.

   
   

   

   
   
   Nota: En el caso del control Diseño del contenedor, los contenedores en su interior son aptos para móviles de forma automática. Si los controles en los contenedores deber también ser reactivos, utiliza la propiedad Permitir ajustar.

Para ver más ejemplos, puede descargar el siguiente archivo de aplicación de muestra.

Descargar ejemplo