Power Apps 中的 Image 控件

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

描述

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

键属性

Image – 在 Image、Audio 或 Microphone 控件中显示的图像的名称或 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. 添加 Image 控件,并将它的 Image 属性设置为添加的文件的名称。

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

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

显示一组数据源的图像

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

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

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

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

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

  5. 添加带图像的 Gallery 控件,并将 Items 属性设置为 FlooringEstimates

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

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

辅助功能准则

颜色对比度

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

屏幕阅读器支持

  • 必须为重要图形设置 AccessibleLabel

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

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

重要

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

键盘支持

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

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

备注

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

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