FullResizeImage

フルリサイズイメージ (FullResizeImage) 要素を使うことで、背景やフレームを作る際のタイル画像を自動的に作ることができます。

Summary
FullResizeImageフルリサイズイメージ (FullResizeImage) 要素を使うことで、背景やフレームを作る際のタイル画像を自動的に作ることができます。
実装の詳細フルリサイズイメージ要素では、画像の異なる部分を指定するためにテクスチャ座標のセットを必要とします。
XML定義
XMLタグ
任意属性
textureタイル画像を作成するのに使用するテクスチャの名前。
frameonly画像の中央部分を表示するか否かを指定します。
必須要素
Sizesタイル可能な画像の各コンポーネント用のテクスチャ内サイズを設定します。
TexCoordsタイル可能な画像の各コンポーネント用のテクスチャ座標を指定します。
TexSlicesタイル可能な画像の各コンポーネント用のスライスIDを設定します。
関数フルリサイズイメージはXMLで全て定義される必要があります。ランタイム機能は持ちません。

実装の詳細

フルリサイズイメージ要素では、画像の異なる部分を指定するためにテクスチャ座標のセットを必要とします。

これらは SizesTexCoords 要素によって定義されます。正しい値を決める方法の例については以下の図を参照してください。画像左側のテクスチャは右側の両ウインドウの背景として使用されています。

XML定義

Summary
XMLタグ
任意属性
textureタイル画像を作成するのに使用するテクスチャの名前。
frameonly画像の中央部分を表示するか否かを指定します。
必須要素
Sizesタイル可能な画像の各コンポーネント用のテクスチャ内サイズを設定します。
TexCoordsタイル可能な画像の各コンポーネント用のテクスチャ座標を指定します。
TexSlicesタイル可能な画像の各コンポーネント用のスライスIDを設定します。

XMLタグ

<FullResizeImage>
....
</FullResizeImage>

代替グループ

任意属性

texture

タイル画像を作成するのに使用するテクスチャの名前。

データ型

string有効なUI Texture の名前。

デフォルト値

  • ””

frameonly

画像の中央部分を表示するか否かを指定します。

データ型

boolean

true中央部分を表示しない。
false中央部分を表示する。

デフォルト値

  • false

必須要素

Sizes

タイル可能な画像の各コンポーネント用のテクスチャ内サイズを設定します。

構文

<Sizes>
  <TopLeft x="15" y="15" />
  <BottomRight x="15" y="15" />
  <Middle x="68" y="36" />
</Sizes>
TopLeft左上角からのピクセル幅と高さです。この部分はリサイズされません。
BottomRight右下角からのピクセル幅と高さです。この部分はリサイズされません。
Middleタイル可能な中心部分のピクセル幅と高さです。

デフォルト値

全てのサイズで、

x0
y0

TexCoords

タイル可能な画像の各コンポーネント用のテクスチャ座標を指定します。

構文

<TexCoords>
  <TopLeft x="0" y="0" />
  <TopCenter x="15" y="0" />
  <TopRight x="83" y="0" />
  <MiddleLeft x="0" y="15" />
  <MiddleCenter x="15" y="15" />
  <MiddleRight x="83" y="15" />
  <BottomLeft x="0" y="52" />
  <BottomCenter x="15" y="52" />
  <BottomRight x="83" y="52" />
</TexCoords>
TopLeft左上角の座標 (非タイル)。
TopCenter上端のタイル可能部分の座標。
TopRight右上角の座標 (非タイル)。
MiddleLeft左端のタイル可能部分の座標。
MiddleCenter中央のタイル可能部分の座標。
MiddleRight右端のタイル可能部分の座標。
BottomLeft左下角の座標 (非タイル)。
BottomCenter下端のタイル可能部分の座標。
BottomRight右下角の座標 (非タイル)。

デフォルト値

全ての座標で、

x0
y0

メモ

  • Middle座標の指定は必須です。画像に境界線を含めたくない場合、TopとBottomの指定は任意です。

TexSlices

タイル可能な画像の各コンポーネント用のスライスIDを設定します。

構文

<TexSlices>
  <TopLeft id="TopLeft" />
  <TopCenter id="TopCenter" />
  <TopRight id="TopRight" />
  <MiddleLeft id="MiddleLeft" />
  <MiddleCenter id="MiddleCenter" />
  <MiddleRight id="MiddleRight" />
  <BottomLeft id="BottomLeft" />
  <BottomCenter id="BottomCenter" />
  <BottomRight id="BottomRight" />
</TexSlices>
TopLeft左上角に使用するスライスの名前。 (非タイル)。
TopCenter上端のタイル可能部分に使用するスライスの名前。
TopRight右上角に使用するスライスの名前。 (非タイル)。
MiddleLeft左端のタイル可能部分に使用するスライスの名前。
MiddleCenter中央のタイル可能部分に使用するスライスの名前。
MiddleRight右端のタイル可能部分に使用するスライスの名前。
BottomLeft左下角に使用するスライスの名前。 (非タイル)。
BottomCenter下端のタイル可能部分に使用するスライスの名前。
BottomRight右下角に使用するスライスの名前。 (非タイル)。

デフォルト値

全てのスライスで、

x0
y0
width0
height0

メモ

  • Middleの指定は必須です。 画像に境界線を含めたくない場合、TopとBottomの指定は任意です。

関数

フルリサイズイメージはXMLで全て定義される必要があります。ランタイム機能は持ちません。

タイル可能な画像の各コンポーネント用のテクスチャ内サイズを設定します。
タイル可能な画像の各コンポーネント用のテクスチャ座標を指定します。
ウィンドウ (Window) 要素はウィンドウを作成する際に使用する基本的な要素です。他のウィンドウ要素もこの要素の内容を継承しており、全ての属性、要素、データメンバー、関数をサポートしています。
単体のアートテクスチャコンポーネントを定義します。
Close