apps
latest
false
重要 :
请注意此内容已使用机器翻译进行了部分本地化。
LEGACY
Apps 用户指南
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 2024年8月5日

构建适合移动设备的应用程序

概述

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



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

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

  • 概述
  • 教程
  • 结果和测试

此页面有帮助吗?

获取您需要的帮助
了解 RPA - 自动化课程
UiPath Community 论坛
Uipath Logo White
信任与安全
© 2005-2024 UiPath。保留所有权利。