建立可重複使用的 UI 與 Power Apps Component Framework 和畫布應用程式元件

Power Apps 提供兩個選項來建立可重複使用的元件：

• Canvas apps 元件，這是在其中創建可重用控件的一種低程式碼方法 Power Apps Studio。
• Power Apps 元件框架，這是一種使用 HTML、Typescript 和構建可重用控件的專業開發人員方式 CSS。

功能強大的畫布應用程式元件可用於滿足應用程式大部分的 UI 需求。 您應該優先考慮畫布應用程式元件，因為在大多數情況下，組建和維護它們的成本可能低於 Power Apps Component Framework。

下圖顯示畫布應用程式元件的範例。

畫布應用程式元件可在元件庫中封裝，這些元件庫可做為容器讓您輕鬆地跨多個應用程式重複使用元件。 元件庫可讓您輕鬆地搜尋和探索元件、發佈變更，並在有可用的元件更新時通知應用程式製作者。

對於更進階的案例，Power Apps Component Framework 提供一組豐富的架構 API，其已公開許多功能，例如元件生命週期管理、內容資料以及中繼資料。 對於需要存取裝置功能 (如相機、麥克風) 的情況，使用 Power Apps Component Framework 來建立程式碼元件的案例將是唯一的選擇。 使用 Power Apps Component Framework 建立的程式碼元件可用於畫布應用程式、模型導向應用程式和 Power Apps 入口網站。

要了解 Power Apps Component Framework 的實際使用情況，請觀看此影片，了解 Chevron 如何組建數位增強型井道規劃工具，以幫助設計 35,000 英尺深 (地下近 7 英里) 的井道：影片：真實案例：全球能源公司利用 Microsoft Power Platform 推動數位化轉型。 這個數位工具使用 Power Apps Component Framework 來增強應用程式體驗。

程式碼元件顯示具有下拉式表單的進階輸入欄位，包含額外訊息以幫助使用者理解用於取得輸入欄位值的公式。