PowerApps 文件

在 PowerApps 中使用多媒體檔案

由 Karthik Bharathy [MSFT] 提供

2017年4月28日

其他文章

本文內容：

必要條件
從檔案或雲端新增媒體
從 Azure 媒體服務新增媒體
從雲端新增影像到應用程式
將畫筆繪圖物件上傳至雲端
已知限制
詳細資訊

本主題說明如何在應用程式內嵌多媒體檔案、將畫筆繪圖物件上傳至資料來源，以及在應用程式顯示資料來源的影像。本主題使用的資料來源是商務用 OneDrive 中的 Excel 檔案。

必要條件

註冊並安裝 PowerApps。開啟 PowerApps 之後，以您註冊時使用的認證來登入。

從檔案或雲端新增媒體

您可以選擇要新增的媒體檔案類型，例如影像、視訊或音訊。

在 [Content (內容)] 索引標籤上，選取 [Media (媒體)]。
在 [Media (媒體)] 下方，選取 [Images (影像)]、[Videos (視訊)] 或 [Audio (音訊)]，然後選取 [Browse (瀏覽)]：
選取要新增的檔案，然後選取 [Open (開啟)]。

您電腦上的 [圖片] 資料夾隨即開啟，您可以從該處選取影像或瀏覽至其他資料夾。
新增完檔案後，按 Esc 返回預設工作區。
在 [Insert (插入)] 索引標籤上，選取 [Media (媒體)]，然後選取 [Image (影像)]、[Videos (視訊)] 或 [Audio (音訊)]：
若您新增影像控制項，則將其 Image 屬性設為您新增的檔案：

注意請在單引號中指定不含副檔名的檔案名稱。
若您新增視訊或音訊控制項，則將其 Image 屬性設為您新增的檔案：

注意將視訊控制項的 Media 屬性設為適當的 URL (以雙引號括住)，即可播放 YouTube 視訊。

從 Azure 媒體服務新增媒體

在您的 Azure 媒體服務帳戶中，從 [AMS > 設定 > 資產] 上傳及發佈影片資產。
在發佈影片之後，複製其 URL。
從 PowerApps，從 [插入 > 媒體] 新增影片控制項。
將 Media 屬性設定至您複製的 URL。

如本圖表所示，您可以選擇任何 Azure 媒體服務支援的串流 URL：

設定 Media 屬性

從雲端新增影像到應用程式

在此案例中，您將影像儲存在雲端儲存體帳戶 (商務用 OneDrive)。您使用 Excel 資料表包含影像的路徑，並在應用程式的資源庫控制項中顯示影像。

此案例使用 CreateFirstApp.zip，其中包含一些 .jpeg 檔案。

注意︰Excel 檔案中這些影像的路徑必須使用正斜線。當 PowerApps 將影像路徑儲存在 Excel 資料表時，路徑會使用反斜線。如果您使用來自這類資料表的影像路徑，請變更 Excel 資料表中的路徑，使用正斜線而不是反斜線。否則不會顯示影像。

下載 CreateFirstApp.zip，並解壓縮 Assets 資料夾至您的雲端儲存體帳戶。
將 Assets 資料夾重新命名為 Assets_images。
在 Excel 試算表中，建立只有一個資料行的資料表，並填入下列資料︰
將資料表命名為 Jackets，並將 Excel 檔案命名為 Assets.xlsx。
在您的應用程式中，新增 Jackets 資料表做為資料來源。
新增一個僅限影像控制項 ([Insert (插入)] 索引標籤 > [(Gallery) 資源庫])，並將其 Items 屬性設為 Jackets：

資源庫會以影像自動更新︰

當您設定 Items 屬性時，名為 PowerAppsId 的資料行會自動新增到 Excel 資料表。

在 Excel 資料表中，影像路徑也可以是影像的 URL。地板材料估價單 (英文) 範例檔案是一個範例。您可以將該檔案下載至您的雲端儲存體帳戶、新增 FlooringEstimates 資料表做為應用程式中的資料來源，然後將資源庫控制項設為 FlooringEstimates。資源庫會以影像自動更新。

將畫筆繪圖物件上傳至雲端

在此案例中，您將了解如何將畫筆繪圖物件上傳至您的資料來源 (商務用 OneDrive)，並檢查繪圖物件如何儲存於該處。

在 Excel 中，新增 Image [image] 到儲存格 A1。
使用下列步驟建立資料表︰

a. 選取儲存格 A1。

b. 在 [Insert (插入)] 功能區中，選取 [Table (資料表)]。

c. 在對話方塊中，選取 [My table has headers (我的資料表有標題)]，然後選取 [OK (確定)]。

您的 Excel 檔案現在是資料表格式。如需 Excel 中的資料表格式化的相關資訊，請參閱將資料格式化為資料表。

d. 將資料表命名為 Drawings：
將 Excel 檔案以名稱 SavePen.xlsx 儲存到商務用 OneDrive。
在 PowerApps 中，建立空白應用程式。
在您的應用程式中，新增商務用 OneDrive 帳戶做為資料來源：

a. 按一下或點選 [檢視] 索引標籤，再按一下或點選 [資料來源]。

b. 按一下或點選 [Add data source (新增資料來源)]，再按一下或點選 [OneDrive for Business (商務用 OneDrive)]。

c. 按一下或點選 SavePen.xlsx。

d. 選取 Drawings 資料表，然後按一下或點選 [Connect (連接)]。

現在，Drawings 資料表已列為資料來源。
在 [Insert (插入)] 索引標籤上，選取 [Text (文字)]，然後選取 [Pen input (手寫筆輸入)]。
將新的控制項重新命名為 MyPen：
在 [Insert (插入)] 索引標籤上，新增按鈕控制項，並將其 OnSelect 屬性設為以下公式：
```
Patch(Drawings, Defaults(Drawings), {Image:MyPen.Image})
```
新增影像資源庫控制項 ([Insert (插入)] 索引標籤 > [資源庫])，並將其 Items 屬性設為 Drawings。資源庫控制項的 Image 屬性會自動設為 ThisItem.Image。

排列控制項，使您的畫面如同以下所示︰
按 F5 鍵或選取預覽 ( )。
在 MyPen 中繪圖，然後選取該按鈕。

資源庫控制項中的第一個影像會顯示您所繪製的圖。
在您的繪圖中新增其他元素，然後選取該按鈕。

資源庫控制項中的第二個影像會顯示您所繪製的圖。
按 Esc 鍵關閉預覽視窗。

在雲端儲存體帳戶中，已自動建立一個 SavePen_images資料夾。此資料夾包含已儲存影像與其檔名的識別碼。例如，若要顯示此資料夾，您可能需要按 F5 鍵重新整理瀏覽器視窗。

在 SavePen.xlsx 中，Image 資料行指定新影像的路徑。