Build a mobile-friendly app

概述

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

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

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

注意： “自定义列表”控件当前不支持移动屏幕或小屏幕。

教程

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

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. 从页面顶部的下拉列表中选择所需的维度，以测试您的应用程序。

   
   

   

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

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

下载示例