テキスト コントロールでのデータの入力と表示
Power Apps のテキスト コントロールは、テキストや数値、日付を表示したり、通貨を計算したりするなど、あらゆる用途に利用できます。 たとえば、2 つのテキスト入力コントロールの値を計算して、その結果をラベル コントロールに表示することができます。
アプリには、いくつかのテキスト コントロールを組み込むことができます。 これらのコントロールは、それぞれ用途やユース ケースが少しずつ異なります。 たとえば、従業員向けのアンケート アプリを作成して、従業員の意見を集めるとします。 この場合、テキスト入力 コントロールを使用して、Mode プロパティを Single Line ではなく、Multiline にします。 これから使用するアプリでは、多くの場合、テキスト コントロールを使用することになります。そのため、テキスト コントロールについての知識はアプリの開発で役に立ちます。 次に、使用できるさまざまなテキスト コントロールを示します。
ラベル - ラベルには、入力したものがそのまま表示されるリテラルなテキスト文字列や、テキスト文字列で評価される式として指定したデータが表示されます。 ラベルは、他のコントロール (画面を識別するバナーなど) の外部や、他のコントロール (評価コントロールや音声コントロールなど) を識別するラベルとして、またはギャラリーでアイテムに関する特定の情報を示すためによく表示されます。
テキスト入力 - ユーザーがテキスト、数値、その他のデータを入力できるボックスです。 たとえば、ユーザーはテキスト入力コントロールにデータを直接入力して指定することができます。 アプリをどのように構成するかに応じて、そのデータをデータ ソースに追加したり、一時的な値を計算するために使用したり、他の方法で組み込んだりすることができます。
HTML テキスト - HTML テキスト コントロールは、プレーン テキストや数値を表示するだけでなく、HTML タグ (改行なしスペースなど) の変換も行います。
リッチ テキスト エディター - リッチ テキスト エディター コントロールは、アプリのユーザーがテキストの書式を設定できる WYSIWYG の編集領域を提供します。 番号付きリストや箇条書きリストをユーザーが入力できるようにするには、このコントロールを使用する必要があります。 たとえば、記事やニュースレターのコンテンツを集めるためのアプリがその良い例です。ユーザーが書式設定したテキストを追加できるようにすれば、記事の編集に役立ててもらえます。
ペン入力 - ユーザーが画像の領域を描画、消去、強調表示できるコントロールです。 ユーザーはこのコントロールをホワイトボードのように使用して、図を描いたり、文字を書いて入力テキストに変換したりすることができます。
ここでは、ラベル コントロールの機能について理解を深めるために、詳しい説明といくつかの例を示します。
まず、テキストを表示するラベル コントロールを追加します。
Power Apps Studio で、ラベル コントロールを追加します。
ラベルの Text プロパティに、"Hello, world" (二重引用符を含む) と設定します。
次は、ボタン、ギャラリー、複数のラベル コントロールを組み合わせて、より動的なソリューションを作成します。 このシナリオでは、ヨーロッパのさまざまな都市の人口に関するデータを含む「都市の人口」という名前のコレクションを作成します。 次に、そのデータを 3 つのラベルを含むギャラリーに表示し、各ラベルに表示するデータ型を指定します。
ボタンを追加して、ボタンの 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})Alt キーを押したまま、ボタン コントロールを選択します。 (これにより、コレクションが作成され、すべての情報が格納されます。)
縦方向 (空) のギャラリーを追加して、その Items プロパティを CityPopulations に設定します。
ギャラリーを選択した状態で、右側のウィンドウでレイアウトを空白からタイトル、サブタイトル、本文に変更します。
上部または最初のラベル コントロールを選択します。 Text プロパティに、ThisItem.City が表示されます。 ギャラリーのラベルに、レコード内で使用可能なテキスト フィールド (またはテキストとして表示できる field プロパティ) を表示できます。 コレクションの各レコードには City、Country、Population が含まれ、このギャラリーのラベルに表示できます。
ThisItem.Country と表示されている中央 (2 つ目) のラベルを選択します。
一番下 (3 つ目) のラベルを選択して、Text プロパティを ThisItem.Population に変更します。
ここでは、ラベル コントロールのいくつかの基本的な機能を示す簡単な例を 2 つだけ紹介しました。 アプリでラベル コントロールを使用する方法は他にも多くあります。