アイコン
ほとんどのアプリで使用されているアイコンには、「保存」を表すフロッピー ディスクのアイコンや、「戻る」を表す戻る矢印のアイコンなどがあります。 アイコンにはテキストが不要であり、テキストが入らない場所にも配置できるという点で、ラベルやボタンよりも便利な場合があります。
Power Apps には アイコン コントロールがあり、アプリでそのまま使用できるアイコンが多数用意されています。 アイコンはコントロールであるため、OnSelect や Color などのカスタマイズ可能なプロパティをすべて使用できます。 アプリにアイコンを挿入するには、コマンド バーから挿入ボタンを選択します。 アイコン フィールドを展開し、使用可能なすべてのアイコンをスクロールしながら確認できます。
アイコンを追加する
Contoso コーヒー メーカー アプリを作成する間に、アイコン コントロールを多少は操作しているはずです (右矢印のアイコンを編集の鉛筆アイコンに変更しました)。 以降の手順では、Contoso コーヒー メーカー アプリを使用し、アイコンをいくつか追加します。 このアプリ以外のどのアプリでも、同じ方法で操作できます。
Contoso コーヒー メーカー アプリを開き、「Catalog Screen」を選択します。
コマンド バーから挿入を選択し、「戻る矢印」アイコンを挿入します。 このアイコンは、アイコン オプションを展開するか、挿入の検索フィールドに「戻る」と入力すると表示されます。
メモ
新しいアイコンを挿入すると、選択中のテーマのカラー スキームが適用されます。
ヘッダーの長方形の左上隅で、新しい戻る矢印アイコンの位置を調整します。
コマンドバーから色ボタンを選択し、オプション ボックスの左下隅で標準色から白い丸を選択して、戻る矢印の色を白に変更します。
次に、OnSelect プロパティを
Back()に変更します次に、戻る矢印アイコンをテンプレートとして使用するために、コピーして「Admin Screen」に貼り付けます。 この方法であれば、Color と OnSelect のプロパティを変更する必要がありません。
アイコンを変更する
前にも説明したように、アイコンの種類を変更するには、アイコン コントロールの Icon プロパティを変更します。 これを行ってホーム画面のアイコンを作成します。
戻る矢印アイコンを「Admin Screen」に再度コピーして貼り付けます。
ヘッダーの長方形の右上隅に配置してください。
コマンド バーに "Icon" プロパティ ボタンが表示されるので、それを選択し、ホーム アイコンを探して選択します (検索フィールドに「ホーム」と入力すると簡単に見つかります)。 戻る矢印がすぐにホーム アイコンに変わります。 Power Apps のどのアイコンでも方法は同じです。
最後に、OnSelect プロパティを次のように入力し、「Home Screen」に戻るように変更してください。
Navigate('Home Screen')
このアプリには画面が 3 つしかありませんが、複数の画面を含むアプリで使用されるコントロールとしてホーム アイコンの設定方法を紹介しました。戻る矢印アイコンで必ずしもアプリのホーム画面に戻る必要はありません。
アイコンは、アプリのユーザー インターフェイスの強化に使用できる簡単なコントロールです。 次のユニットでは画像コントロールについて詳しく説明します。