PowerApps のラベル コントロールLabel control in PowerApps

テキスト、数値、日付、通貨などのデータを表示するボックスです。A box that shows data such as text, numbers, dates, or currency.

説明Description

ラベルには、入力した内容がそのまま表示されるリテラル文字列として、またはテキスト文字列に評価される数式として指定したデータが表示されます。A label shows data that you specify as a literal string of text, which appears exactly the way you type it, or as a formula that evaluates to a string of text. ラベルは通常、他のコントロール (画面を識別するためのバナーなど) の外側に、別のコントロール (評価コントロール、オーディオ コントロールなど) を識別するラベルとして、またはギャラリー内の項目に関する特定の種類の情報を示すために表示されます。Labels often appear outside of any other control (such as a banner that identifies a screen), as a label that identifies another control (such as a rating or audio control), or in a gallery to show a specific type of information about an item.

主要なプロパティKey properties

AutoHeight – ラベルにすべてのテキストが表示されるように高さを自動的に調整する場合は true に設定します。AutoHeight – Set to true to allow the label to auto-grow its height to show all text configurated. 割り当てた高さでテキストを切り捨てる場合は false に設定します。Set to false to truncate the text to the height assigned.

Color – コントロールのテキストの色です。Color – The color of text in a control.

Font – テキストを表記するフォントのファミリー名です。Font – The name of the family of fonts in which text appears.

Text – コントロールに表示されるテキスト、またはコントロールにユーザーが入力するテキストです。Text – Text that appears on a control or that the user types into a control.

DelayOutput – テキスト入力時に操作を遅延させる場合は true に設定します。DelayOutput – Set to true to delay action during text input.

その他のプロパティAdditional properties

Align – コントロールの水平方向の中心に対するテキストの位置です。Align – The location of text in relation to the horizontal center of its control.

AutoHeightText プロパティの内容がコントロールで一度に表示できる文字数を超えている場合に、自動的に Height プロパティを大きくするかどうかを指定します。AutoHeight – Whether a label automatically increases its Height property if its Text property contains more characters than the control can show at one time.

BorderColor – コントロールの境界線の色です。BorderColor – The color of a control's border.

BorderStyle – コントロールの境界線を Solid (実線)、Dashed (破線)、Dotted (点線)、None (なし) のいずれに指定します。BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – コントロールの境界線の太さです。BorderThickness – The thickness of a control's border.

DisplayMode – コントロールで、ユーザー入力を許可するか (Edit)、データの表示のみを許可するか (View)、許可しないか (Disabled) を設定します。DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色です。DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロール内のテキストの色です。DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの背景色です。DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill – コントロールの背景色です。Fill – The background color of a control.

FontWeight – コントロール内のテキストの太さです。Bold (太字)、Semibold (中太)、Normal (標準)、Lighter (細字) から指定します。FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height – コントロールの上端と下端の距離です。Height – The distance between a control's top and bottom edges.

HoverBorderColor – コントロール上にユーザーがマウス ポインターを重ねているときのコントロールの境界線の色です。HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverColor – コントロールにユーザーがマウス ポインターを重ねているときのコントロール内のテキストの色です。HoverColor – The color of the text in a control when the user keeps the mouse pointer on it.

HoverFill – コントロールにユーザーがマウス ポインターを重ねているときのコントロールの背景色です。HoverFill – The background color of a control when the user keeps the mouse pointer on it.

Italic – コントロール内のテキストを斜体にするかどうかを指定します。Italic – Whether the text in a control is italic.

LineHeight – テキストの行間やリスト内の項目間などの距離です。LineHeight – The distance between, for example, lines of text or items in a list.

OnSelect – ユーザーがコントロールをタップまたはクリックした場合のアプリの反応を指定します。OnSelect – How the app responds when the user taps or clicks a control.

Overflow – ラベルの Wrap プロパティが true に設定され、Text プロパティの値がコントロールで一度に表示できる文字数を超えている場合に、ラベルにスクロール バーを表示するかどうかを指定します。Overflow – Whether a scrollbar appears in a label if its Wrap property is set to true and the value of the control's Text property contains more characters than the control can show at one time.

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離です。PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離です。PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離です。PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離です。PaddingTop – The distance between text in a control and the top edge of that control.

PressedBorderColor – コントロールをユーザーがタップまたはクリックしたときのコントロールの境界線の色です。PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedColor – コントロールをユーザーがタップまたはクリックしたときのコントロール内のテキストの色です。PressedColor – The color of text in a control when the user taps or clicks that control.

PressedFill – コントロールをユーザーがタップまたはクリックしたときのコントロールの背景色です。PressedFill – The background color of a control when the user taps or clicks that control.

Size – コントロールに表示されるテキストのフォント サイズです。Size – The font size of the text that appears on a control.

Strikethrough – コントロールに表示されるテキストに取り消し線を付けるかどうかを指定します。Strikethrough – Whether a line appears through the text that appears on a control.

Tooltip – ポインターをコントロールに合わせたときに表示される説明テキストです。Tooltip – Explanatory text that appears when the user hovers over a control.

Underline – コントロールに表示されるテキストの下に線を引くかどうかを指定します。Underline – Whether a line appears under the text that appears on a control.

VerticalAlign – コントロールの垂直方向の中心に対するコントロール上でのテキストの位置です。VerticalAlign – The location of text on a control in relation to the vertical center of that control.

Visible – コントロールを表示するか非表示にするかを指定します。Visible – Whether a control appears or is hidden.

Width – コントロールの左端と右端の間の距離です。Width – The distance between a control's left and right edges.

Wrap – 長すぎてラベルに収まらないテキストを次の行に折り返すかどうかを指定します。Wrap – Whether text that's too long to fit in a label wraps to the next line.

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離です。X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離です。Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Text( Number, "FormatCodes" )Text( Number, "FormatCodes" )

Examples

リテラル文字列を表示するShow a literal string

数式の結果を表示するShow the result of a formula

  • ラベルを追加し、Text プロパティを次のような数式に設定します。Add a label, and set its Text property to a formula such as this one:
    Today()Today()

    注意

    数式を指定する場合、その数式の引数がリテラル文字列でない限り、引用符は使用しないでください。When you specify a formula, you don't use quotation marks unless an argument of the formula is a literal string. 引数にリテラル文字列を使用する場合は、数式ではなく、引数を二重引用符で囲みます。In that case, enclose the argument, not the formula, in double quotation marks.

    Today 関数またはその他の関数については各関連記事を参照してください。Want more information about the Today function or other functions?

この手順では、CityPopulations というコレクションを作成し、ヨーロッパのさまざまな都市の人口に関するデータを格納します。In this procedure, you'll create a collection, called CityPopulations, that contains data about the population of various cities in Europe. 次に、3 つのラベルを含むギャラリーにデータを表示し、各ラベルに表示するデータの種類を指定します。Next, you'll show that data in a gallery that contains three labels, and you'll specify the type of data that each label will show.

  1. ボタンを追加し、OnSelect プロパティを次の数式に設定します。Add a button, and set its OnSelect property to this formula:
    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})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})
  2. F5 キーを押して、ボタンを選択し、Esc キーを押します。Press F5, select the button, and then press Esc.
  3. テキスト ギャラリーを追加し、その Items プロパティを CityPopulations に設定します。Add a text gallery, and set its Items property to CityPopulations.

    ギャラリーを選択すると、右側のペインにそのギャラリーのオプションが表示されます。When the gallery is selected, the right pane shows options for that gallery.

  4. Gallery1 ペインで、上部の一覧を Population に、中央の一覧を City に、下部の一覧を Country にそれぞれ設定します。In the Gallery1 pane, set the top list to Population, set the middle list to City, and set the bottom list to Country.