使用文本控件输入和显示数据

已完成

在 Power Apps 中,文本控件用于各种用途,如显示文本、数字、日期和计算货币。 例如,可以计算两个文本输入控件的值,并在标签控件中显示结果。

可以将几个文本控件纳入应用中。 每个控件的用途和用例都略有差异。 例如,您可能要创建一个员工调查应用,并希望获得员工的反馈。 在本场景中,您将使用文本输入控件,并将 Mode 属性修改为 Multiline,而不是单行。 很可能您开发的每个应用都有文本控件,因此在开发应用时熟悉这些控件将非常有用。 以下列表详细说明了可用的不同文本控件。

文本控件菜单的屏幕截图。

  • 标签 - 标签显示指定为文本的字符串文本的数据(准确显示您键入的文本),或指定为计算结果是文本字符串的公式的数据。 标签通常出现在任何其他控件之外(如作为标识屏幕的横幅);显示为标识另一个控件(如评级或音频控件)的标签;或者出现在库中,显示关于某个项的特定类型的信息。

  • 文本输入 - 一个框,用户可以在其中键入文本、数字和其他数据。 例如,用户在文本输入控件中键入内容以指定数据。 根据应用的配置,该数据可能会被添加到数据源中,用于计算临时值,或者以其他方式包含在内。

  • HTML 文本 - HTML 文本控件不仅显示纯文本和数字,而且还转换 HTML 标记,如非换行空格。

  • 格式文本编辑器 - 格式文本编辑器控件为应用用户提供用于设置文本格式的 WYSIWYG 编辑区域。 如果要允许用户提供编号列表或项目符号列表,应使用此控件。 应用是一个很好的例子,它可用于收集文章或新闻稿的内容,可通过它允许用户添加设置了格式的文本,这将为文章编写者提供帮助。

  • 笔输入 - 用户可以使用该控件绘制、擦除和突出显示图像区域。 用户可以像使用白板一样使用本控件,绘制图表并编写可转换为键入的文本的字词。

下面详细介绍了标签控件并提供了一些示例,便于您更好地了解其工作原理。

首先,添加标签控件以显示文本。

  1. 在 Power Apps Studio 中,添加标签控制项。

  2. 将标签的 Text 属性设置为 "Hello, world"(包括双引号)。

接下来,通过组合按钮、库和多个标签控件来创建更加动态的解决方案。 在本场景中,您将创建一个名为“CityPopulations”的集合,其中包含关于欧洲各个城市人口的数据。 接下来,您将在包含三个标签的库中显示该数据,并指定每个标签将显示的数据类型。

  1. 添加一个按钮,将其 OnSelect 属性设置为以下公式:

    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})
    
  2. 长按 Alt 键,然后选择按钮控件。 (这将创建集合并存储所有信息。)

  3. 添加一个空白垂直库,并将其 Items 属性设置为 CityPopulations

  4. 选择库后,在右侧窗格中,将布局从空白更改为标题、副标题和正文

  5. 选择顶部或第一个标签控件。 Text 属性显示 ThisItem.City。 库中的标签可以显示记录中的任何可用文本字段(或可显示为文本的字段属性)。 在我们的集合中,每条记录都包括 City、Country 和 Population;您可以在此库的标签中显示其中任何一个。

  6. 选择中间或第二个标签,它显示为 ThisItem.Country

  7. 选择最后一个或第三个标签,将 Text 属性更改为 ThisItem.Population

文本属性的库图像菜单项的屏幕截图。

这只是两个简单的示例,演示了标签控件的一些基本功能。 还可以使用许多其他方法在应用中使用标签控件。