Crea una aplicación compatible con dispositivos móviles

Información general

Puede usar las aplicaciones de UiPath para crear aplicaciones optimizadas para dispositivos móviles. La misma aplicación se puede usar en dispositivos con diferentes tamaños de pantalla, como teléfonos móviles, comprimidos 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.

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.

   2.1 Establece el Diseño del contenedor en Horizontal.

   2.2 Marca la propiedad Permitir ajuste del contenedor.

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

   

   
   

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

   3.1 Añade Nameen la propiedad Etiqueta.

   3.2 Cambie 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.

   4.1 Añade Ageen la propiedad Etiqueta.

   4.2 Cambia la ubicación de Etiqueta a la parte superior de la pestaña Estilo.

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

   4.1 Añade Addressen la propiedad Etiqueta.

   4.2 Cambia la ubicación de Etiqueta a la parte superior de 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.

   
   

   

   
   
   Consejo: En el caso del control de diseño del contenedor , los contenedores de su interior se optimizan automáticamente para dispositivos móviles. Si los controles dentro de los contenedores también deben ser reactivos, use la propiedad Permitir ajuste .

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

Descargar ejemplo