【ノーコード】 Microsoft Power Apps講座 STEP2：食べ歩き記録アプリ『ラーメンログ』を作ろう！

アプリの画面構成を確認し、必要な画面を追加します。

タイトル画面にアプリの名称を表すテキストのコントロールを追加します。また、タイトル画面に配置する画像ファイルをメディアに読み込みます。

タイトル画面からラーメンログの一覧画面に遷移する「一覧」ボタンを設置し、Navigate関数でボタンを押した時の制御を作成します。

タイトル画面から登録モードで編集画面に遷移する「新規登録」ボタンを設置します。

フィールドの編集で項目の並びを変更します。また、プロパティの「列」を変更し、項目を2列配置のレイアウトに変更します。

各入力項目について、入力必須チェックやドロップダウン形式の項目の値の選択肢などの詳細設定を行います。

IDは画面入力を行わず、新規登録時に内部で自動採番するようにします。

作成したフォームで、既存レコードの編集および新規レコードの登録を行い、動作確認を行います。

各レコードに登録した画像ファイルが、データソース格納場所となるOneDriveのどこに保存されるのかを解説します。また、画像を登録するアプリを作成する時の、ファイル名やフォルダ名の注意事項を紹介します。

編集画面のヘッダー部にIDを表示します。新規登録時はIDが採番される前なので「新規登録」という文言を表示します。

アイコンの代わりとなるボタンを配置し、「SubmitForm」や「ResetForm」といった関数を使用して制御を行います。

「HoverFill」というプロパティの設定で、マウスのカーソルがボタンの上に合わされた時のボタンの色を設定します。

不要な項目を非表示にしたりコントロールを削除したりして、詳細画面表示のレイアウトを整えます。また、コントロール削除に伴い発生するエラーを取り除きます。

5段階の評価の値を、星5つの画像に置き換えて表示します。画像ファイルの登録および、switch文によるImageプロパティの切り替えを行います。

編集画面と同様、ヘッダーにIDを表示したり、編集フォームに遷移するペンのアイコンをボタンに置き換えます。

レコードの削除を行うゴミ箱のアイコンをボタンに置き換えます。

一覧に表示する項目を変更し、レイアウトを整えます。

一覧表示のギャラリーコントロールの制御を定義する「Item」プロパティを編集します。検索アイテムに入力されたテキストで、どのカラムを検索するのかという定義を変更します。

テキスト入力による検索とは別に、種別を選んで検索するドロップダウンの項目を追加します。TABLE関数を使って、ドロップダウンの選択肢のリストを作ります。

種別による検索を行うドロップダウンを追加したことで、コントロールの「Items」プロパティに修正を加えます。検索アイテムと種別のドロップダウンの両方を指定された場合、検索はそれらをAND条件で処理します。