【Power Apps】Power Apps ~ 基本編 / コンポーネント ~

■ はじめに

https://dk521123.hatenablog.com/entry/2023/02/05/000322
https://dk521123.hatenablog.com/entry/2023/02/06/144231

の続き。

今回は、Power Appsにおいて、
コンポーネントやカスタムプロパティ(カスタム関数?)を調べてみた。

目次

【1】コンポーネント
 1)使用例
【2】カスタムプロパティ
 1)準備
 2)作成手順例
 3)コンポーネント使用例

【1】コンポーネント

https://learn.microsoft.com/ja-jp/power-apps/maker/canvas-apps/create-component

* アプリ内で使用するカスタム コントロールを作成可能
* コンポーネントは、カスタム プロパティなどの高度な機能を使用可能

1)使用例

* 以下の例のように、画面の共通部品として使うのが良さそう

https://tech-blog.cloud-config.jp/2020-08-27-powerapps-torisetsu-components

【2】カスタムプロパティ

https://mofumofupower.hatenablog.com/entry/custom_function_apps
Power Apps 内で繰り返し行う処理は関数化する - Microsoft 365

を見ながらやるのがいい。

1)準備

[1] [...]-[Settings]-[Upcoming features]-[Experimental]を選択
[2] 「Enhanced component properties」にチェックを付ける

2)作成手順例

[1] 左ペインの [Tree view]-[Components]-[+ New component]を選択
[2] 「CUSTOM PROPATIES」欄の「+ New custom propaty」押下
[3] 以下を入力し、「Parameters」欄の
 + Display Name / Name: SayHello
 + Property Type: Output
 + Data Type: Text
[3] 以下を入力し、「Save」ボタン押しまくる
 + Parameter name: yourName
 + Description: Input your name
 + Data Type: Text
 + Required: チェック付ける
[4] 指定した「SayHello」に「"Hi, "&yourName」を入力

3)コンポーネント使用例

* Labelを追加し、使用してみる

[1] 作成したコンポーネント(今回「Component1_1」)とラベルを追加
[2] 追加したラベルの Text に対して「Component1_1.SayHello("Mike")」を指定する
 => 「Run」すると、ラベルに「Hi, Mike」が表示される

関連記事

Power Apps ~ 基礎知識編 ~
https://dk521123.hatenablog.com/entry/2023/02/05/000322
Power Apps ~ 入門編 ~
https://dk521123.hatenablog.com/entry/2023/02/06/144231
Power Apps ~ 基本編 / Collection ~
https://dk521123.hatenablog.com/entry/2023/03/30/000000