Image

<Image> は、画像を描画する要素です。

<Image height="30" src="@{sample-image}" />

プロパティ

src

描画する画像を設定します。

データ型: AssetReference
必須: 必須です。
テンプレート変数: 使用可能です。Uint8Array または ArrayBuffer で画像ファイル（PNG, JPEG）を入力してください。

fit

画像を描画領域内にどのように配置するかを設定します。

データ型: ImageFit
必須: 省略可能です。既定値は contain です。
テンプレート変数: 使用できません。

align

画像の水平方向の配置を設定します。

データ型: Align
必須: 省略可能です。既定値は left です。
テンプレート変数: 使用可能です。

valign

画像の垂直方向の配置を設定します。

データ型: VerticalAlign
必須: 省略可能です。既定値は top です。
テンプレート変数: 使用可能です。

width (required)

描画領域の幅を設定します。

データ型: UnsignedFloat (単位: mm)
必須: 必須です。
テンプレート変数: 使用可能です。

height (required)

描画領域の高さを設定します。

データ型: UnsignedFloat (単位: mm)
必須: 必須です。
テンプレート変数: 使用可能です。

x (stack-only)

この要素を配置するX座標（水平方向の位置）を指定します。座標の基準点は origin プロパティで指定します。

データ型: Float (単位: mm)
必須: 省略可能です。既定値は 0 です。
テンプレート変数: 使用可能です。
備考: このプロパティはStackコンテナ要素内でのみ有効です。

y (stack-only)

この要素を配置するY座標（垂直方向の位置）を指定します。座標の基準点は origin プロパティで指定します。

データ型: Float (単位: mm)
必須: 省略可能です。既定値は 0 です。
テンプレート変数: 使用可能です。
備考: このプロパティはStackコンテナ要素内でのみ有効です。

origin (stack-only)

X/Y座標の基準点を設定します。

データ型: Origin
必須: 省略可能です。既定値は topLeft です。
テンプレート変数: 使用可能です。
備考: このプロパティはStackコンテナ要素内でのみ有効です。

style

この要素に適用するスタイルの識別名を設定します。

データ型: StyleName
必須: 省略可能です。既定値はありません。
テンプレート変数: 使用できません。

logic

この要素に適用する制御構造を設定します。

データ型: Logic
必須: 省略可能です。既定値はありません。
テンプレート変数: 使用できません。

StyleXML

<GridCell> 要素は、StyleXMLに対応しています。ただし、現在のバージョンでは指定可能なプロパティはありません。