検査アプリ – 検査ステップをカスタマイズします

[アーティクル]
03/09/2022

検査サンプルアプリを使用すると、ユーザーはアプリで検査を作成して実行できます。検査を実行、管理、レビューするために、ペルソナごとに 3 つのアプリがあります。 3 つのアプリには、検査、検査の管理、検査のレビューがあります。

今回は、ユーザーアプリの検査ステップをカスタマイズする方法について説明します。たとえば、チェックリストのステップに写真を追加する機能を削除します。特定のコントロールを削除するだけで応答性に問題が発生し、アプリのルックアンドフィールが影響を受ける可能性があるため、このカスタマイズは重要です。

このビデオでは、検査手順のカスタマイズ方法について説明します:

前提条件

このレッスンを完了するには、選択した Microsoft 365 サブスクリプションの一部として提供される Microsoft Teams へのサインイン機能と、Teams 用の検査サンプルアプリをインストールしておく必要があります。このアプリは https://aka.ms/TeamsInspection からインストールできます。

検査アプリを開く

Teams にログインして、左ペインの Power Apps アプリを右クリックし、ポップアウトアプリ を選択します。
上のリボンから ビルド を選択します。
検査アプリをインストールしたチームを選択します。
エディターでアプリを開いて、検査を選択します。
左ペインからツリービューを選択します。
選択してアイテム画面を開きます。
キーボードの Alt キーを押し、アンビエントまたはバックステージを選択してレコードを開きます。食品検査チェックリストページが開きます。
キーボードの Alt キーを押して、オプションのいずれかを選択します (詳細なウォーク/午前ストアウォーク)。検査概要画面が表示されます。
キーボードの Alt キーを押して、検査の開始 を選択します。検査リスト画面が開きます。
この記事では、次のシナリオについて説明します。

詳細の追加セクションを非表示にする

[詳細の追加セクションを非表示にする] は、これらのコントロールの表示可能プロパティをすべて False に設定するだけではありません。

詳細の追加 ラベルの 表示可能 プロパティ、およびその他のラベル (写真、メモ、およびタスク) とそれらのアイコンを「False」に変更します。
grpNote、grpTask、および grpPhoto の 表示可能 プロパティを「False」に設定します。
また、余分なスペースを無駄にしないように、[写真]、[メモ]、および [タスク] ボタンを含む空白を縮小する必要があります。ツリービューから btnActionBackground コントロールを選択し、空白のどこかを選択してボックススペースを強調表示します。
コントロールの高さプロパティヲ開き、各行の先頭に // を付けて、既存の数式をコメントします。
次の数式を追加します。
```
btnOK.Y + btnOK.Height - Self.Y + 20
```

空白が縮小し、詳細の追加 セクション全体を隠す余分なスペースがなくなります。

写真オプションを非表示にする

このシナリオでは、上記で行ったすべての変更を元に戻す必要があります。次に、写真オプションのラベル、およびアイコンの Visible プロパティを「False」に設定し、メモオプションとタスクオプションを左に移動させる必要があります。

写真オプションを非表示にするには、ツリービューから grpPhoto を選択し、表示可能 プロパティを「False」に設定します。
メモオプションは、写真オプションの代わりに左に移動する必要があります。写真アイコンの X プロパティをコピーして、メモアイコンの X プロパティに貼り付けます(ラベルもアイコンと一緒に移動することに注意してください。これは、メモラベルの X プロパティがメモアイコンの X プロパティに依存しており、それに応じて変更されるため、空のスペースが残らないためです。タスクオプションも同様に反応します)。
```
btnImageBackground.X+18
```