キャンバス アプリでのコントロールの追加と設定

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

前提条件

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

2. 空白のキャンバス アプリ を作成します。

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

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

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

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

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

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

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

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

重要

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

コントロール名の変更

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

コントロールの削除

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

スクリーンの並べ替え

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

注意

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

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

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

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

注意

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

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

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

注意

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

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

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

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

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

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

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

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

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

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

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

  

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

  

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

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

    

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

    

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

    

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

次の手順

• スクリーン、リスト、ギャラリー、フォーム、およびグラフ のような一般的なコントロールを構成するための手順を説明します。
• 各種類のコントロールに関する参照情報は、コントロールのリファレンス を参照してください。

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。