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 )
示例
显示来自本地文件的图像
在文件菜单上,依次单击或点击Media和浏览。
单击或点击要添加的图像文件,然后单击或点击打开,按 Esc 返回到默认工作区。
添加 图像 控件,并将它的 图像 属性设置为添加的文件的名称。
不知道如何添加和配置控件?
图像控件显示您指定的图像。
显示一组数据源的图像
下载此 Excel 文件,并将其保存在本地设备上。
在 Power Apps Studio 中,创建或打开应用,再单击或点击右侧窗格中的添加数据源。
如果右侧窗格未显示添加数据源选项卡,请单击或点击左侧导航栏中的任意屏幕。
单击或点击将静态数据添加到应用,单击或点击已下载的 Excel 文件,然后单击或点击打开。
选择地面装饰材料估价复选框,然后单击或点击连接。
添加带图像的 库 控件,并将 Items 属性设置为 FlooringEstimates。
不知道如何添加和配置控件?
库 控件根据所下载的 Excel 文件中的链接显示地毯、硬木和地砖产品的图像。
辅助功能准则
颜色对比度
- 如果图形用作按钮,则标准颜色对比度要求适用。
- 如果它不仅仅用于修饰,则考虑检查图像中的对比度问题。
屏幕阅读器支持
必须为重要图形设置 AccessibleLabel。
如果图形用于装饰或提供冗余信息,请将 AccessibleLabel 留空或将其设置为空字符串 ""。 屏幕阅读器会忽略这些图形。
例如,您可以将挂锁的图像放在**标签** 旁边,上面显示此表单无法修改。 此图像不需要 AccessibleLabel,因为此 Label 已经说明了它的含义。
重要
当 TabIndex 为零或更大时,图像将变为按钮。 它的外观不会改变,但屏幕阅读器会将其视为一个按钮。 它们不会忽略控件,即使 AccessibleLabel 为空。
键盘支持
如果图形用作按钮,TabIndex 必须为零或更大。 然后键盘用户可以导航到此按钮。
如果图形用作按钮,焦点指示器必须清楚显示。 可以使用 FocusedBorderColor 和 FocusedBorderThickness 来实现此结果。