Power Apps 中的圖像控制項

例如,顯示本機檔案或資料來源中圖像的控制項。

描述

如果您將一個或多個圖像控制項新增到應用程式,則可以顯示不屬於資料集一部分的個別圖像,也可以將記錄中的圖像併入資料來源中。

索引鍵屬性

Image – 出現在圖像、音訊或麥克風控制項中的圖像名稱或 URL。

注意

  • 為所有外部圖像使用 HTTPS,以確保與現代瀏覽器相容。
  • 外部圖像必須可以匿名存取 (無需任何驗證)。

其他屬性

AccessibleLabel – 螢幕報讀軟體的標籤。

ApplyEXIFOrientation – 是否要自動套用圖像內嵌的 EXIF 資料中指定的方向。

AutoDisableOnSelect – 在執行 OnSelect 行為時自動停用控制項。

BorderColor – 控制項框線的色彩。

BorderStyle – 決定控制項的框線為實線虛線點線

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. File 功能表上,點擊或點選 MediaBrowse

  2. 點擊或點選您想要新增的圖像檔案,並點擊或點選開啟,然後按下 Esc 鍵返回預設工作區。

  3. 新增圖像控制項,並將其圖像屬性設定為新增檔案的名稱。

    不知道如何 新增和設定控制項 嗎?

    圖像控制項顯示您指定的圖像。

顯示資料來源中的一組圖像

  1. 下載此 Excel 檔案,並將它儲存至本機裝置。

  2. 在 Power Apps Studio 中建立或開啟應用程式,然後在右側窗格中點擊或點選 Add data source

    如果 Add data source 未在右側窗格中出現,請點擊或點選左側導覽列中的畫面控制項。

  3. 點擊或點選 Add static data to your app,並點擊或點選下載的 Excel 檔案,然後點擊或點選 Open

  4. 選取 Flooring Estimates 勾選方塊,然後點擊或點選 Connect

  5. 新增具有圖像的資源庫控制項,並將其 Items 屬性設定為 FlooringEstimates

    不知道如何 新增和設定控制項 嗎?

    資源庫控制項會根據下載的 Excel 檔案中的連結顯示地毯、硬木和地磚產品的圖像。

協助工具指南

色彩對比

  • 如果圖形作為按鈕,適用 標準色彩對比需求
  • 如果不是純裝飾性,請考慮檢查圖像內的對比問題。

螢幕助讀程式支援

  • AccessibleLabel 必須為重要圖形設定。

  • 如果圖形是用於裝飾或提供備援資訊,請將 AccessibleLabel 保留空白,或將其設定為空白字串 ""。 螢幕助讀程式將忽略這些圖形。

例如,您可以將掛鎖的圖像放在**標籤** 旁邊,上面寫著此資料表無法修改。 圖像不需要 AccessibleLabel,因為標籤已說明其含義。

重要

TabIndex 為零或大於零時,圖像會成為按鈕。 其外觀並不會改變,但螢幕助讀程式會將它視為按鈕。 即使 AccessibleLabel 為空白,也不會忽略控制項。

鍵盤支援

  • 如果圖形作為按鈕,則 TabIndex 必須是零或大於零。 然後鍵盤使用者可以瀏覽至它。

  • 如果圖形作為按鈕,焦點指標必須清楚可見。 使用 FocusedBorderColorFocusedBorderThickness 達成此結果。

注意

是否能請您告知您偏好的慣用文件語言? 請填寫問卷。 (請注意,本問卷為英文版)

完成問卷大約需要七分鐘。 本問卷將不會收集個人資料 (隱私權聲明)。