建立使用條碼讀取器控制項的畫布應用程式

Power Apps 中的條碼讀取器控制項可讓您使用手機或行動裝置來掃描各種格式的條碼。

在畫布應用程式中使用條碼讀取器控制項的一些常見用途包括:

  • 將書籍等物品簽入集合的應用程式
  • 使用條碼來辨識物品的庫存管理應用程式
  • 用於簽到和徽章掃描以確保安全性的員工應用程式

在本文中,我們將建立具有條碼讀取器的畫布應用程式,並在資源庫中顯示掃描的項目。

觀看此影片瞭解如何使用條碼讀取器建立應用程式:

先決條件

打開空白應用程式

建立空白畫布應用程式

新增條碼掃描器

  1. 在左窗格中選取 Screen1

  2. 從左窗格中,選取 + 插入 > 展開媒體 > 選取條碼讀取器控制項。

    選取條碼讀取器

  3. 從畫面右側的屬性清單中,選取進階索引標籤,然後選取 OnScan 屬性。

    OnScan 屬性

  4. 透過在資料編輯列中鍵入或貼上,將條碼掃描器控制項的 OnScan 屬性設定為這個運算式。

    Power Fx
    Collect(
        colScannedItems,
        {ScannedItem: First(BarcodeReader1.Barcodes).Value, ScannedTime: Now()}
    )
    
  5. 屬性窗格中,將 X 屬性設為 "180",並將 Y 屬性設為 "1005"。

    X 和 Y 屬性

  1. 選取 + 插入 > 展開版面配置 > 選取垂直資源庫控制項。

    資源庫類型選取 [垂直]

  2. 在屬性窗格中,將資源庫的版面配置選為標題和子標題

    選取標題與子標題

  3. 選取畫布上的資源庫控制項。

  4. 透過在資料編輯列中鍵入或貼上,將資源庫控制項的 Items 屬性設定為這個運算式。

    Power Fx
    colScannedItems
    

    資源庫控制項的 Items 屬性

  5. 在左窗格中,展開 資源庫 1,然後選取 標題 2

    在左側導覽列選取 [標題 2]

  6. 標題 2Text 屬性設定為下列運算式。

    Power Fx
    ThisItem.ScannedItem
    

    標籤控制項的 Text 屬性

  7. 選取子標題 2 標籤,並將其 Text 屬性設為下列運算式。

    Power Fx
    ThisItem.ScannedTime
    

    設定標籤控制項的 Text 屬性

試用應用程式

  1. 若要測試應用程式,請選取畫面 1,然後按鍵盤上的 F5

  2. 測試之後,請儲存並發佈應用程式。

  3. 在手機上下載 Power Apps Mobile

  4. 開啟 Power Apps 應用程式並登入。

  5. 選取並開啟條碼讀取器應用程式。

    啟動條碼讀取器應用程式

  6. 選取掃描,並掃描任意條碼標籤 (例如,書上的條碼標籤)。

最終結果

您會看到掃描的條碼資訊已儲存在應用程式中。

最終結果

另請參閱

Power Apps 中的條碼掃描器控制項