Power Apps 中的笔输入控件

用户可以在其中绘制、擦除和突出显示图像区域的控件。

Description

用户可以使用此控件,如白板、绘制图表和编写可转换为类型化文本的字词。

局限性

笔输入控件具有以下限制:

  • 笔控件仅对在 Windows 应用中使用鼠标或触摸输入进行绘图的部分支持。 笔划可能是间歇性的。 若要平滑绘制,请使用笔或在浏览器中运行应用。

键属性

Image – Output 属性,表示最终用户绘制的图像。

颜色 – 输入笔划的颜色。

模式 – 控件处于 “绘图 ”或 “擦除 ”模式。 选择模式已弃用。

其他属性

AccessibleLabel – 屏幕阅读器标签。 可用于描述控件的用途以及输入的替代方法。

BorderColor – 控件边框的颜色。

BorderStyle – 控件的边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。

填充 – 控件的背景色。

高度 – 控件的上边缘和下边缘之间的距离。

输入已弃用。 输入是否支持鼠标、笔或触摸输入。 默认值 (7) 支持这三个值。

OnSelect – 当用户点击或单击控件时要执行的作。

SelectionColor – 选定项或列表中的项的文本颜色,或笔控件中选定工具的颜色。

SelectionThickness – 笔输入控件的选择工具的粗细。

ShowControls – 音频或视频播放器是否显示,例如播放按钮和音量滑块,以及笔控件显示,例如用于绘图、擦除和清除的图标。

大小 – 控件上显示的文本的字号。

工具提示 – 当用户将鼠标悬停在控件上时出现的解释性文本。

可见 – 控件是显示还是隐藏。

宽度 – 控件的左边缘和右边缘之间的距离。

X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。

Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。

CollectCollectionNameDatatoCollect

Example

创建一组映像

  1. 添加 Pen 输入 控件,将其命名为 MyDoodles,并将其 ShowControls 属性设置为 true

    不知道如何 添加、命名和配置控件

  2. 添加按钮控件,将其移动到 MyDoodles 下方,并设置按钮控件的 Text 属性以显示“添加”。

  3. Button 控件的 OnSelect 属性设置为以下公式:
    Collect(涂鸦,{草图:MyDoodles.Image})

  4. 添加 图像库 控件,将其移动到 Button 控件下方,并缩小 图像库 控件的宽度,直到显示三个项目。

  5. 图像库控件的 Items 属性设置为 Doodles,然后按 F5。

  6. MyDoodles 中绘制图像,然后单击或点击 按钮 控件。

    您绘制的图像将显示在 图像库 控件中。

  7. (可选)在 触控笔输入 控件中,单击或点击图标以清除绘制的图像,绘制另一个图像,然后单击或点击 按钮 控件。

  8. Image 库控件中,将 Image 控件的 OnSelect 属性设置为以下公式:
    Remove(涂鸦,ThisItem)

  9. 通过在 图像库 控件中单击或点击绘图来删除绘图。

使用 SaveData 函数在本地保存绘图,或使用 Patch 函数将其保存到数据源。

辅助功能指南

颜色对比度

在以下两者之间必须有足够的颜色对比度:

  • BorderColor 和控件外的颜色(如果有边框)
  • 填充 控件外的颜色(如果没有边框)

屏幕阅读器支持

  • 应存在 AccessibleLabel

    重要

    屏幕阅读器用户无法访问笔输入。 始终提供另一种输入形式。 例如,如果需要草图,请考虑为用户添加 添加图片 控件以上传图像。 这两种方法都可以提供,用户可以选择他们更熟悉的方法。

键盘支持

重要

键盘用户无法访问笔输入。 始终提供另一种输入形式。 例如,如果需要签名,请考虑为用户添加 文本输入 以输入其名称。 这两种方法都可以提供,用户可以选择他们更熟悉的方法。