Build a mobile-friendly app

概述

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

   

   备注：

   对于Container 布局控件，其中的容器自动适合移动设备。 如果容器内的控件也需要具有响应性，请使用“允许换行”属性。

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

下载示例