Power Apps 中的图像控件

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

Description

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

键属性

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

注释

  • 对所有外部图像使用 HTTPS 来确保与新式浏览器兼容。
  • 外部映像必须匿名访问(无需任何身份验证)。

其他属性

AccessibleLabel – 屏幕阅读器标签。

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

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

BorderColor – 控件边框的颜色。

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

BorderThickness – 控件边框的粗细。

CalculateOriginalDimensions – 启用 OriginalHeightOriginalWidth 属性。

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

DisabledBorderColor – 如果控件的 DisplayMode 属性设置为 Disabled,则控件边框的颜色。

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

填充 – 控件的背景色。

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

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

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

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

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

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

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

ImagePosition – 图像在屏幕或控件中的位置(填充调整拉伸平铺居中),如果图像的大小与图像大小不同。

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

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

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

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

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

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

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

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

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

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

RadiusBottomLeft – 控件左下角舍入的程度。

RadiusBottomRight – 控件右下角舍入的程度。

RadiusTopLeft – 控件左上角舍入的程度。

RadiusTopRight – 控件右上角舍入的程度。

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

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

透明度 – 图像后面的控件保持可见的程度。 十进制值范围为 0 到 1。 其中 0 不透明,0.5 是半透明,1 是透明的。

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

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

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

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

RemoveDataSource,ThisItem

例子

显示本地文件中的图像

  1. “文件 ”菜单上,单击或点击 “媒体”,然后单击或点击“ 浏览”。

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

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

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

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

显示数据源中的一组图像

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

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

    如果 “添加数据源 ”未显示在右侧窗格中,请单击或点击左侧导航栏中的屏幕。

  3. 单击或点击 “向应用添加静态数据”,单击或点击下载的 Excel 文件,然后单击或点击“ 打开”。

  4. 选中“ 地板估计 ”复选框,然后单击或点击 “连接”。

  5. 添加包含图像的 控件,并将其 Items 属性设置为 FlooringEstimates

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

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

辅助功能指南

颜色对比度

  • 如果图形用作按钮,则应用标准颜色对比度要求
  • 考虑检查图像中的对比度问题(如果不是纯粹的装饰性问题)。

屏幕阅读器支持

  • 必须为重要图形设置 AccessibleLabel

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

例如,可以将挂锁 的图像 放在 标签 旁边,指出 无法修改此窗体。 不需要图像的 AccessibleLabel ,因为 标签 已解释其含义。

重要

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

键盘支持