PowerApps のイメージ コントロールImage control in PowerApps

ローカル ファイルやデータ ソースの画像を表示するコントロールです。A control that shows an image from, for example, a local file or a data source.

説明Description

アプリにイメージ コントロールを 1 つまたは複数追加すると、データ セットに含まれていない個々の画像を表示したり、データ ソースのレコードの画像を組み合わせたりすることができます。If you add one or more Image controls to your app, you can show individual images that aren't part of a data set, or you can incorporate images from records in data sources.

主要なプロパティKey properties

Image – イメージ、オーディオ、マイクの各コントロールに表示される画像の名前です。Image – The name of the image that appears in an image, audio, or microphone control.

その他のプロパティAdditional properties

ApplyEXIFOrientation - 画像とともに埋め込まれたEXIF のデータで指定された向きを、自動的に適用するかどうかを指定します。ApplyEXIFOrientation – Whether to automatically apply the orientation specified in the EXIF data embedded with the image.

AutoDisableOnSelect – OnSelect の動作の実行時にコントロールを自動で無効化するかどうかを指定します。AutoDisableOnSelect – Automatically disables the control while the OnSelect behavior is executing.

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.

FocusedBorderThickness – キーボードでフォーカスした場合のコントロールの境界線の太さです。FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

CalculateOriginalDimensionsOriginalHeight プロパティと OriginalWidth プロパティを有効にします。CalculateOriginalDimensions – Enables the OriginalHeight and OriginalWidth properties.

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.

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.

FlipHorizontal - 画像を表示する前に水平方向に反転するかどうかを指定します。FlipHorizontal – Whether to flip the image horizontally before displaying it.

FlipVertical - 画像を表示する前に垂直方向に反転するかどうかを指定します。FlipVertical – Whether to flip the image vertically before displaying it.

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.

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

ImagePosition – 画面またはコントロールのサイズが画像と異なる場合の、画面またはコントロール内の画像の位置です (Fill (フィル)、Fit (サイズに合わせる)、Stretch (伸ばす)、Tile (タイル表示)、または Center (中央に表示))。ImagePosition – The position (Fill, Fit, Stretch, Tile, or Center) of an image in a screen or a control if it isn't the same size as the image.

ImageRotation - 画像を表示する前に回転させる方法を指定します。ImageRotation – How to rotate the image before displaying it. 値には、なし、時計回り (CW) に 90 度、反時計回り (CCW) に 90 度、時計回りに 180 度を設定できます。Values can be none, clockwise (CW) 90 degrees, counter-clockwise (CCW) 90 degrees and clockwise 180 degrees.

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

OriginalHeight – 画像の元の高さです。CalculateOriginalDimensions プロパティで有効にします。OriginalHeight – Original height of an image, enabled with the CalculateOriginalDimensions property.

OriginalWidth – 画像の元の幅です。CalculateOriginalDimensions プロパティで有効にします。OriginalWidth – Original width of an image, enabled with the CalculateOriginalDimensions property.

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.

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

RadiusBottomLeft – コントロールの左下隅を丸める度合いです。RadiusBottomLeft – The degree to which the bottom-left corner of a control is rounded.

RadiusBottomRight – コントロールの右下隅を丸める度合いです。RadiusBottomRight – The degree to which the bottom-right corner of a control is rounded.

RadiusTopLeft – コントロールの左上隅を丸める度合いです。RadiusTopLeft – The degree to which the top-left corner of a control is rounded.

RadiusTopRight – コントロールの右上隅を丸める度合いです。RadiusTopRight – The degree to which the top-right corner of a control is rounded.

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

Transparency – 画像の背後にあるコントロールを表示する度合いです。Transparency – The degree to which controls behind an image remain visible.

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

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

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).

Remove( DataSource, ThisItem )Remove( DataSource, ThisItem )

Examples

ローカル ファイルの画像の表示Show an image from a local file

  1. [コンテンツ] タブの [メディア] をクリックまたはタップして、[参照] をクリックまたはタップします。On the Content tab, click or tap Media, and then click or tap Browse.
  2. 追加する画像ファイルをクリックまたはタップし、[開く] をクリックまたはタップしてから Esc キーを押して既定のワークスペースに戻ります。Click or tap the image file that you want to add, click or tap Open, and then press Esc to return to the default workspace.
  3. イメージ コントロールを追加し、Items プロパティを追加したファイルの名前に設定します。Add an Image control, and set its Items property to the name of the file that you added.

    コントロールの追加および構成についてはこちらをご覧ください。Don't know how to add and configure a control?

    指定した画像がイメージ コントロールに表示されます。The Image control shows the image that you specified.

データ ソースの画像セットの表示Show a set of images from a data source

  1. こちらの Excel ファイルをダウンロードして、ローカル デバイスに保存します。Download this Excel file, and save it on your local device.
  2. PowerApps Studio で、アプリを作成するか開き、右のウィンドウで [データ ソースの追加] をクリックまたはタップします。In PowerApps Studio, create or open an app, and then click or tap Add data source in the right-hand pane.

    右のウィンドウに [データ ソースの追加] が表示されない場合、左のナビゲーション バーの画面をどれかクリックまたはタップします。If Add data source doesn't appear in the right-hand pane, click or tap a screen in the left navigation bar.

  3. [静的データをアプリに追加します] をクリックまたはタップして、ダウンロードした Excel ファイルをクリックまたはタップし、[開く] をクリックまたはタップします。Click or tap Add static data to your app, click or tap the Excel file that you downloaded, and then click or tap Open.
  4. [Flooring Estimates] (フローリングの見積り) チェック ボックスをオンにして、[接続] をクリックまたはタップします。Select the Flooring Estimates check box, and then click or tap Connect.
  5. ギャラリー コントロールと画像を追加し、Items プロパティを FlooringEstimates に設定します。Add a Gallery control with images, and set its Items property to FlooringEstimates.

    コントロールの追加および構成についてはこちらをご覧ください。Don't know how to add and configure a control?

    ギャラリー コントロールに、ダウンロードした Excel ファイルに含まれるリンクに基づくカーペット製品、硬木の製品、およびタイル製品の画像が表示されます。The Gallery control shows images of carpet, hardwood, and tile products based on links in the Excel file that you downloaded.