Power Apps 中的 图像 控件

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

描述

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

键属性

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

备注

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

其他属性

AccessibleLabel – 屏幕阅读器标签。

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

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

BorderColor – 控件边框的颜色。

BorderStyle – 控件边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

CalculateOriginalDimensions – 启用 OriginalHeightOriginalWidth 属性。

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

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

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

Fill – 控件的背景色。

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

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

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

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

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

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

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

ImagePosition – 屏幕或控件大小与图像大小不同时,其中图像的位置(FillFitStretchTileCenter)。

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 必须为零或更大。 然后键盘用户可以导航到此按钮。

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

备注

您能告诉我们您的文档语言首选项吗? 进行简短调查。(请注意,此调查是英文版调查)

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