Build a mobile-friendly app

概述

您可以使用 UiPathTM Apps 构建适合移动设备的应用程序。同一个应用程序可以在具有不同屏幕尺寸的设备（例如手机、平板电脑或计算机）上使用，而不会出现任何问题。

为了演示这一点，请按照教程部分中的步骤操作。

您还可以在本页末尾找到包含更多示例的示例应用程序文件。

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

教程

使用此示例构建一个包含三个字段和一个提交按钮的应用程序。 此应用程序的行为因屏幕尺寸而异。

1. 创建新应用程序

2. 向应用程序添加新的“容器”控件。

   1. 将容器的“ 布局 ”设置为“ 水平”。

   2. 检查容器的 允许换行 属性。

   3. 将容器的 宽度 大小配置为 100 %。
      
      

      

      
      

3. 在容器中添加一个 文本框 控件。

   1. 在“标签”属性中添加 Name。

   2. 将“ 样式” 选 项卡中的“ 标签位置 ”更改为 “顶部 ” 。

4. 在第一个 文本框 控件之后添加第二个文本框控件。

   1. 在“标签”属性中添加 Age。

   2. 将“ 样式” 选 项卡中的“ 标签位置 ”更改为 “顶部 ” 。

5. 在第二个 文本框 控件之后添加第三个文本框控件。

   1. 在“标签”属性中添加 Address。

   2. 将“ 样式” 选 项卡中的“ 标签位置 ”更改为 “顶部 ” 。

6. 在第一个容器下方添加另一个具有相同 “样式” 属性的容器。

7. 在第二个容器中添加一个“ 按钮 ”控件。

   
   

   

   
   

结果和测试

您现在可以预览和测试应用程序。

要使用 Google Chrome 浏览器测试您的应用程序，请按照以下步骤操作：

1. 右键单击页面上的任意位置。
2. 从菜单中选择“检查”。
3. 在右侧的菜单中，单击“ 切换设备工具栏” 。

4. 从页面顶部的下拉列表中选择所需的维度，以测试您的应用程序。

   
   

   

   
   
   注意：对于“容器布局”控件，其中的容器将自动适配移动设备。如果需要容器内的控件为响应式，请使用“允许换行”属性。

有关更多示例，您可以下载下面的示例应用程序文件。

下载示例