将各种 UI 元素添加到应用中,然后直接在工具栏或编辑栏中配置其各方面外观和行为。 这些 UI 元素称为“控件”,配置的各方面外观和行为称为“属性”。

先决条件

  1. 注册安装 PowerApps,然后打开该程序,并提供注册所用的同一凭据进行登录。

  2. 在 PowerApps Studio 中,单击或点击左边缘附近的“文件”菜单上的“新建”。

    “文件”菜单上的“新建”选项

  3. 在“空白应用”磁贴上,单击或点击“手机布局”。

    从头开始创建应用

  4. 如果系统提示获取简介教程,请单击或点击“下一步”来熟悉 PowerApps 界面的主要区域(也可以单击或点击“跳过”)。

    打开简介教程屏幕

    稍后可以通过单击或点击右上角附近的问号图标,然后单击或点击“获取简介教程”,随时获取教程。

添加控件

可以依次单击或点击工具栏的“插入”选项卡、相应类别和所需的控件,从各种类别中选择添加任意一种控件。 在此部分中,你将了解每种类别的控件,从而熟悉可以添加的控件类型,以及可以在哪里找到各种类型的控件。

  • 文本

    “文本”类别中的选项

    提示:使用笔输入书写或绘制

  • 控件

    “控件”类别中的选项

    提示:通过添加列表框、下拉列表或单选按钮,在应用中提供选项。

  • “库”类别中的选项

    提示:使用显示表中的记录列表。

  • 窗体

    “窗体”类别中的选项

    提示:使用窗体显示或编辑记录。

  • 媒体

    “媒体”类别中的选项

    提示:通过向应用添加多媒体,显示非文本数据。

  • 图表

    柱形图、折线图、饼图

    提示:将图表配置为展示任务关键数据。

  • 图标

    这种类别包含各种形状、操作图标和符号图标。 滚动可浏览所有选项。

如果控件需要占用更多空间,请添加屏幕

直接配置控件

虽然在此过程中将添加和配置的是“标签”控件,但其中许多做法准则也适用于其他控件。

  1. 在工具栏上,依次单击或点击“插入”选项卡和“标签”。

    “插入”选项卡

    系统会默认选择你添加的控件。 也可以选择现有控件,只需单击或点击它即可。 选择控件后,它的周围会出现一个选择框,而其他 UI 区域则会发生变化,以便你可以配置选定控件。 例如,选择的“标签”控件如下图所示。

    选择的标签

    重要说明:如果你先选择了一个控件,然后又选择了另一个控件或屏幕的空白区域,那么系统将不再选择第一个元素。

  2. 向左拖动选择框右边缘上的图柄,缩窄“标签”控件。 (只有在放大时,才能看到中间的图柄。)

    重设大小的标签

    也可以通过修改此控件的“Height”和/或“Width”属性来重设控件大小,本主题稍后将会对此进行介绍。

  3. 拖动选择框本身(或修改“X”和/或“Y”属性,本主题稍后将会对此进行介绍),移动“标签”控件。

  4. 三击“标签”控件中显示的文本,然后键入“Hello, world”。

    内含自定义文本的标签

    也可以通过设置此控件的“Text”属性来修改该文本,本主题稍后将会对此进行介绍。

  5. 单击或点击“标签”控件,然后按 Delete 键,删除此控件。

  6. 按 Ctrl-Z(或重复执行此过程中的前四步),还原“标签”控件。

在工具栏中配置控件

与直接配置相比,在工具栏中配置控件可以指定更多不同类型的选项。

  1. 选择“标签”控件后,单击或点击工具栏中的“开始”选项卡。

    “开始”选项卡

  2. 依次单击或点击“填充”和一种颜色(如“碧绿色”)。

    “填充”选项

    此时,“标签”控件会反映出你的选择。

    填充了碧绿色的标签

  3. 更改字体系列和文本大小(例如,更改为 18 磅 Georgia)。

    字体控件

    此时,“标签”控件会反映出你的选择。

    18 磅 Georgia

  4. 依次单击或点击“标签”选项卡、“垂直对齐”和“顶端对齐”。

    “文本框”选项卡

    此时,“标签”控件会反映出你的选择。

    内含与框顶端对齐的文本的标签

在编辑栏中配置控件

使用编辑栏,可以设置无法直接或在工具栏中设置的属性。 例如,可以设置一个工具提示,以便在用户将光标指向控件(但不单击或点击控件)时显示。 还可以指定复杂公式,让应用的功能更加强大。

本主题前面所做的全部更改均更新了你配置的控件的属性值。

  • 重设此控件的大小时,更改了它的“Width”属性。
  • 移动此控件时,更改了它的“X”和“Y”属性。
  • 更改此控件显示的文本时,更改了它的“Text”属性。

除了直接配置或在工具栏中配置控件外,也可以在属性列表中选择一个属性,然后在编辑栏中指定一个值,从而更新属性值。 使用这种方法,可以按字母顺序搜索属性,并能指定更多类型的值。

  1. 选择“标签”控件后,单击或点击属性列表中的“Text”,然后在编辑栏中键入“"My Company Name"”(含双引号)。

    标签中的文本字符串

    如果用双引号括住文本字符串,即指定应按键入时的原样呈现。 也可以将属性值设为公式。

  2. 选择“标签”控件后,单击或点击属性列表中的“Text”,然后在编辑栏中键入“Today()”(不含双引号)。

    此控件显示当前日期。

    Today 函数

    提示:除了能够执行计算,还可以通过多种方式设置日期和时间的格式

将两个控件配置为相互交互

在此过程中,将添加一个复选框,然后将现有标签配置为仅在复选框处于选中状态时显示。

  1. 单击或点击“插入”选项卡。

    “插入”选项卡

  2. 依次单击或点击“控件”和“复选框”。

    插入复选框

  3. 将“复选框”控件移到“标签”控件下方,然后将“复选框”控件的“Text”属性设置为“Show text”。

    配置复选框

  4. 保持选择“复选框”控件不变,单击或点击“开始”选项卡。

    重命名复选框

  5. 单击或点击“复选框”控件的当前名称(“新屏幕”右侧),然后键入“MyCheckbox”。

    重命名复选框

  6. 单击或点击“标签”控件以选择它,然后依次单击或点击“标签”选项卡和“可见”选项。

    “Visible”属性

  7. 在编辑栏中,删除“true”,然后键入或粘贴以下公式:

    If(MyCheckbox!Value = true, true, false)

    这个 If 函数声明了标签应仅在复选框处于选中状态时显示。 由于复选框处于取消选中状态,因此“标签”控件消失(选择框仍可见)。

    “Visible”属性公式

  8. 单击或点击“复选框”控件,向其添加选择框。然后,再次单击或点击此控件,添加一个复选标记。

    “标签”随即再次显示:

    标签在复选框处于选中状态时显示

  9. 取消选中“复选框”控件,隐藏“标签”控件。

    标签在复选框处于取消选中状态时消失

虽然这一个基本示例,但你可以从简单到复杂地生成一个或多个公式,从而配置应用的行为和外观。

重命名屏幕或控件

通过重命名屏幕或控件,可以生成更易于读取和维护的公式。

  1. 单击或点击要重命名的屏幕或控件。

  2. 在“开始”选项卡上,单击或点击此控件的名称(“新屏幕”右侧),然后键入所需的名称。

    重命名复选框