Power Apps でキャンバス アプリ コントロールを追加および構成する

キャンバス アプリへのさまざまな UI 要素の追加や、要素の外観と動作の構成を、ツールバー、プロパティ タブ、数式バーなどから直接行います。 これらの UI 要素はコントロールと呼ばれ、構成する内容はプロパティと呼ばれます。

前提条件

  1. Power Apps ライセンスをまだ持っていない場合は、サインアップ した後にサインイン します。

  2. 自分のアプリを作成するで、空白の状態からキャンバス アプリを作成にカーソルを置いて、このアプリの作成を選択します。

  3. クイック ツアーの開始を求められたら、を選択して Power Apps インターフェイスの基本事項について確認します (またはスキップを選択します)。

    クイック ツアーは後からいつでも開始できます。画面の右上隅の疑問符アイコンを選択し、Take the intro tour (クイック ツアーの開始) を選択してください。

コントロールの追加および選択

挿入タブで、次のいずれかの手順を実行します。

  • ラベルまたはボタンを選択して、これらの種類のコントロールを 1 つ追加します。
  • コントロールのカテゴリを選択し、追加するコントロールの種類を選択します。

たとえば、新しいスクリーンを選択してから空白を選択して、アプリに空白のスクリーンを追加します。 (スクリーンは、他の種類のコントロールを含むことができるコントロールの種類です。)

スクリーンの追加

新しいスクリーンの名前は Screen2 で、左側のナビゲーション ウィンドウに表示されます。 このウィンドウには、アプリ内のコントロールの階層一覧が表示されるため、各コントロールを簡単に見つけて選択できます。

一覧の Screen2

この一覧がどのように機能するかを示すには、挿入タブのラベルを選択します。新しいコントロールが階層一覧の Screen2 の下に表示されます。

一覧の Screen2

スクリーンでは、6 つのハンドルが付いたボックスが既定でラベルを囲んでいます。 その種類のボックスは、選択されたコントロールを囲みます。 スクリーン (ラベルの外側) をクリックまたはタップしてスクリーンを選択すると、ボックスがラベルから消えます。 ラベルを再度選択するには、ラベルをクリックまたはタップするか、コントロールの階層一覧で名前をクリックまたはタップします。

重要

コントロールを構成する前に、コントロールを選択する必要があります。

コントロール名の変更

コントロールの階層一覧で、名前を変更するコントロールの上にカーソルを置き、表示される省略記号ボタンを選択してから、名前の変更を選択します。 次に、一意の覚えやすい名前を入力して、アプリの作成を容易にします。

コントロール名の変更

コントロールの削除

コントロールの階層一覧で、削除するコントロールの上にカーソルを置き、表示される省略記号ボタンを選択してから、削除を選択します。 スクリーンではないコントロールを削除するには、キャンバスでコントロールを選択してから、 Del キーを押します。

コントロールの削除

スクリーンの並べ替え

コントロールの階層一覧で、上または下に移動するスクリーンにカーソルを置いて、表示される省略記号ボタンを選択し、次に上へ移動または下へ移動を選択します。

スクリーンの並べ替え

注意

アプリを開くと、通常、コントロールの階層一覧の一番上のスクリーンが最初に表示されます。 ただし、OnStart プロパティを Navigate 関数を含む式に設定して、別のスクリーンを指定することができます。

コントロールの移動とサイズ変更

コントロールを移動するには、コントロールを選択して、中央にカーソルを合わせ四方向矢印が表示されたら、コントロールを別の場所にドラッグします。

コントロールの移動

コントロールのサイズを変更するには、コントロールを選択し、選択ボックスのハンドルにカーソルを合わせて両方向矢印を表示してから、ハンドルをドラッグします。

コントロールの移動

注意

後で説明するように、数式バーの**XYHeight、およびWidth** プロパティの任意の組み合わせを変更することで、コントロールを移動してサイズを変更することもできます。

ラベルまたはボタンのテキストを変更する

ラベルまたはボタンを選択し、コントロールに表示されるテキストをダブルクリックして、必要なテキストを入力します。

テキストを変更する

注意

後で説明するように、数式バーの Text プロパティを変更することによって、このテキストを変更することもできます。

ツールバーからコントロールを構成する

ツールバーからコントロールを構成することにより、コントロールを直接構成する場合よりも幅広いオプションを指定できます。

たとえば、ラベルを選択し、ホーム タブを選択して、ラベルのテキストのフォントを変更します。

フォントの変更

プロパティ タブでコントロールを構成する

プロパティ タブを使用することにより、ツールバーからコントロールを構成する場合よりも幅広いオプションを指定できます。

たとえば、コントロールを選択してから、Visible プロパティを変更することで、コントロールを表示または非表示にすることができます。

表示方法の設定

数式バーでコントロールを構成する

コントロールをツールバーから、またはプロパティ タブで直接構成する代わりに、プロパティの一覧でプロパティを選択してから数式バーで値を指定すると、コントロールを構成できます。 この方法により、プロパティをアルファベット順に検索したり、より多くの種類の値を指定したりできます。

たとえば、ラベルを選択して、次の方法で構成できます。

  • プロパティの一覧の X または Y を選択してから、数式バーに別の数を指定して、移動します。

    X プロパティを設定する

  • プロパティの一覧の X または Y を選択してから、数式バーに別の数を指定して、サイズを変更します。

    Height プロパティを設定する

  • プロパティの一覧の Text を選択してから、数式バーのリテラル文字列、式、または数式の任意の組み合わせを指定することでテキストを変更します。

    • リテラル文字列は引用符で囲まれ、入力したとおりに表示されます。 "Hello, world" はリテラル文字列です。

      Text プロパティをリテラル文字列に設定する

    • 式には関数が含まれておらず、多くの場合、別のコントロールのプロパティに基づいています。 Screen1.Height は、Screen1 の高さを表す式です。

      Text プロパティを式に設定する

    • 数式には、1 つまたは複数の関数が含まれます。 Now 関数はローカル タイム ゾーンの現在の日付と時刻を返し、Text 関数は日付、時刻、通貨などの値をフォーマットします。

      Text プロパティを数式に設定する

      数式は通常、この例よりもはるかに複雑であるため、データの更新、並べ替え、フィルタリング、およびその他の操作を実行できます。 詳細については、数式のリファレンス を参照してください。

次の手順