前へ

次へ

ラボ - 固有のコントロールを持つキャンバス アプリを作成する

完了

重要

このラボでは、自分の資格情報を使用してサインインしないでください。 次の手順を使用し、正しい資格情報でラボ環境にサインインしてください。

1. このユニットでは、VM モードを起動するためにサインインするを選択します。
2. PowerShell ウィンドウと Windows コマンド プロンプト ウィンドウが表示されます。 2 分から 3 分後には終了して、Power Apps が自動的に開きます。 Power Apps ホーム画面が表示されるまで待ちます。

ラボの指示を表示するには、ラボ サイド バーの手順タブを選択します。

データ コレクションの作成

このトレーニングでは、前のユニットで説明した複数のコントロールを使用して、コントロールの操作に合わせて変化するユニット キャンバス アプリを作成します。 これにより、コントロールの機能やそれらをご自身のニーズに合わせて使用する方法を理解することができます。

注

Power Apps を使用するには、Office 365 のライセンス、無料試用版、無料の開発者アカウントのいずれかが必要です。

1. Power Apps にサインインします。

2. ホーム画面で、作成>空のアプリを選択してから、ポップアップの空のキャンバス アプリで作成を選択します。

3. アプリに New Controls App と名前を付け、作成を選択します。

4. ようこそメッセージをスキップします。 次に、挿入ボタンを選択し、ボタン コントロールを選択します。 その OnSelect プロパティに次の式を設定します:

   ClearCollect(CityPopulations, {City:"London", 
   Country:"United Kingdom", Population:8615000}, {City:"Berlin",
   Country:"Germany", Population:3562000}, {City:"Madrid",
   Country:"Spain", Population:3165000}, {City:"Rome",
   Country:"Italy", Population:2874000}, {City:"Paris",
   Country:"France", Population:2273000}, {City:"Hamburg",
   Country:"Germany", Population:1760000}, {City:"Barcelona",
   Country:"Spain", Population:1602000}, {City:"Munich",
   Country:"Germany", Population:1494000}, {City:"Milan",
   Country:"Italy", Population:1344000})
   

5. Alt キーを押したまま、ボタン コントロールを選択します。 (これにより、コレクションが作成され、すべての情報が格納されます。)

6. 挿入ボタンを選択し、垂直ギャラリーを選択して、データ ソース ポップアップから CityPopulations を選択します。

   

7. ギャラリーを選択した状態で、右側のプロパティ パネルでレイアウトを画像、タイトル、サブタイトルからタイトル、サブタイトル、本文に変更します。

8. ギャラリーの最初の項目の一番下 (3 つ目) のラベルを選択して、Text プロパティを ThisItem.Population に変更します。

   

9. ツリー ビューで Screen1 を選択します (ギャラリーに挿入しないように)。 次に、挿入ボタンを選択し、スライダー コントロールを検索/選択します。

10. スライダーの Max プロパティを、10000000 に変更します。

11. テキスト ラベル を挿入して、Text プロパティを Slider1.Value に変更します。

12. ギャラリーの最初の項目を選択し、挿入を選択します。 次に、チェック アイコンを検索して選択します。 ギャラリーの右側に配置します

    注

    これで、ギャラリーの各行にチェック マークが表示されます。 ギャラリーで最初の項目と同じフォーマットがすべての項目で繰り返されます。 複数のチェック マークが表示されない場合、ギャラリーの最初の項目を選択し、確認アイコンを再度挿入してください。

13. チェック アイコンの Visible プロパティを、次に変更します。

    ThisItem.Population > Slider1.Value
    

    

アプリケーションをプレビュー モードにし、スライダーを調整してみてください。 スライダーの調整に従って、チェック マークが表示されたり非表示になったりします。これは、スライダー コントロールによって表示や非表示を変更するように設定しているからです。 基本的に、市区町村の人口がスライダーの値よりも大きいかどうかによって、表示と非表示を変えるギャラリーを作成したことになります。

続行