Power Apps 中的 图像 控件

  • 项目

显示来自本地文件或数据源等来源的图像的控件。

描述

如果向应用添加了一个或多个图像控件，则可以显示不属于数据集的单个图像，也可以合并数据源中的记录的图像。

键属性

图像 – 在 图像、音频 或 麦克风 控件中显示的图像的名称或 URL。

备注

  • 对所有外部图像使用 HTTPS，以确保与现代浏览器兼容。
  • 外部图像只能匿名访问（无需任何身份验证）。

其他属性

AccessibleLabel – 屏幕阅读器标签。

ApplyEXIFOrientation – 是否自动应用随图像一起嵌入的 EXIF 数据中指定的方向。

AutoDisableOnSelect – 在执行 OnSelect 行为时自动禁用控件。

BorderColor – 控件边框的颜色。

BorderStyle – 控件边框是 Solid、Dashed、Dotted 还是 None。

BorderThickness – 控件边框的粗细。

CalculateOriginalDimensions – 启用 OriginalHeight 和 OriginalWidth 属性。

DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View)，还是已禁用 (Disabled)。

DisabledBorderColor – 控件的 DisplayMode 属性设置为 Disabled 时，该控件边框的颜色。

DisabledFill – 控件的 DisplayMode 属性设置为 Disabled 时，该控件的背景色。

Fill – 控件的背景色。

FlipHorizontal – 是否在显示前先水平翻转图像。

FlipVertical – 是否在显示前先垂直翻转图像。

FocusedBorderColor – 当聚焦到控件时，控件的边框颜色。

FocusedBorderThickness – 当聚焦到控件时，控件的边框粗细。

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

HoverBorderColor – 用户将鼠标指针停留在控件上时，该控件边框的颜色。

HoverFill – 用户将鼠标指针停留在控件上时，该控件的背景色。

ImagePosition – 屏幕或控件大小与图像大小不同时，其中图像的位置（Fill、Fit、Stretch、Tile 或 Center）。

ImageRotation – 如何在显示前旋转图像。 值可以是不旋转、顺时针 (CW) 旋转 90 度、逆时针 (CCW) 旋转 90 度和顺时针旋转 180 度。

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

OriginalHeight – 使用 CalculateOriginalDimensions 属性启用的图像的原始高度。

OriginalWidth – 使用 CalculateOriginalDimensions 属性启用的图像的原始宽度。

PaddingBottom – 控件中的文本与该控件下边缘之间的距离。

PaddingLeft – 控件中的文本与该控件左边缘之间的距离。

PaddingRight – 控件中的文本与该控件右边缘之间的距离。

PaddingTop – 控件中的文本与该控件上边缘之间的距离。

PressedBorderColor – 用户在点击或单击控件时，该控件边框的颜色。

PressedFill – 用户在点击或单击控件时，该控件的背景色。

RadiusBottomLeft – 控件左下角圆角的程度。

RadiusBottomRight – 控件右下角圆角的程度。

RadiusTopLeft – 控件左上角圆角的程度。

RadiusTopRight – 控件右上角圆角的程度。

TabIndex – 相对于其他控件的键盘导航顺序。

Tooltip – 用户将鼠标悬停在控件上时显示的解释性文本。

Transparency – 图像后的控件仍然可见的程度。 十进制值，范围从 0 到 1。 其中 0 是不透明，0.5 是半透明，1 是透明。

Visible – 控件显示还是隐藏。

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

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

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

Remove( DataSource, ThisItem )

示例

显示来自本地文件的图像

  1. 在文件菜单上，依次单击或点击Media和浏览。

  2. 单击或点击要添加的图像文件，然后单击或点击打开，按 Esc 返回到默认工作区。

  3. 添加 图像 控件，并将它的 图像 属性设置为添加的文件的名称。

    不知道如何添加和配置控件？

    图像控件显示您指定的图像。

显示一组数据源的图像

  1. 下载此 Excel 文件，并将其保存在本地设备上。

  2. 在 Power Apps Studio 中，创建或打开应用，再单击或点击右侧窗格中的添加数据源。

    如果右侧窗格未显示添加数据源选项卡，请单击或点击左侧导航栏中的任意屏幕。

  3. 单击或点击将静态数据添加到应用，单击或点击已下载的 Excel 文件，然后单击或点击打开。

  4. 选择地面装饰材料估价复选框，然后单击或点击连接。

  5. 添加带图像的 库 控件，并将 Items 属性设置为 FlooringEstimates。

    不知道如何添加和配置控件？

    库 控件根据所下载的 Excel 文件中的链接显示地毯、硬木和地砖产品的图像。

辅助功能准则

颜色对比度

  • 如果图形用作按钮，则标准颜色对比度要求适用。
  • 如果它不仅仅用于修饰，则考虑检查图像中的对比度问题。

屏幕阅读器支持

  • 必须为重要图形设置 AccessibleLabel。

  • 如果图形用于装饰或提供冗余信息，请将 AccessibleLabel 留空或将其设置为空字符串 ""。 屏幕阅读器会忽略这些图形。

例如，您可以将挂锁的图像放在**标签** 旁边，上面显示此表单无法修改。 此图像不需要 AccessibleLabel，因为此 Label 已经说明了它的含义。

重要

当 TabIndex 为零或更大时，图像将变为按钮。 它的外观不会改变，但屏幕阅读器会将其视为一个按钮。 它们不会忽略控件，即使 AccessibleLabel 为空。

键盘支持

  • 如果图形用作按钮，TabIndex 必须为零或更大。 然后键盘用户可以导航到此按钮。

  • 如果图形用作按钮，焦点指示器必须清楚显示。 可以使用 FocusedBorderColor 和 FocusedBorderThickness 来实现此结果。

备注

您能告诉我们您的文档语言首选项吗？ 进行简短调查。（请注意，此调查是英文版调查）

此调查大约需要七分钟。 不会收集个人数据（隐私声明）。