Massive Zoom Picker

このページではMassiveZoomVerticalPickerを例にMassiveZoomPickerの構造を説明します.
このPickerはメニューの [GameObject]/[UI]/[Picker]/[Massive Zoom Vertical Picker]をクリックすることで追加できます.
MassiveZoomVerticalPicker,MassiveZoomHorizontalPickerは同様の構造を持っています.

このPickerの構造は Massive Picker に Zoom Picker を追加したものになっています.
このページでは MassivePicker との差分を説明します.

MassiveZoomVerticalPicker

ルートオブジェクトです. コンポーネントはアタッチされていません.

../_images/massive_zoom1.png

Glass

中央のGlassです.
Maskコンポーネントがアタッチされています.
このオブジェクトのMaskによりズーム対象のアイテムはGlass内にのみ描画されます.
DontTouchImageコンポーネントがアタッチされています.
../_images/massive_zoom2.png

GlassBg

中央のガラスの背景です. MassiveZoomVertialPickerでは白く塗りつぶされた画像です.
DontTouchImageがアタッチされています.
アイテムは [拡大されていないアイテム] -> [GlassBg] -> [Glass] -> [拡大されているアイテム] の順番で描画されます.
このアイテムが拡大されていないアイテムを不可視にしています.
../_images/massive_zoom3.png

Content

MassivePickerLayoutGroupの代わりに MassiveZoomPickerLayoutGroupコンポーネントがアタッチされています.
MassiveZoomPickerLayoutGroupコンポーネントの ZoomItemParentにはズームされたオブジェクトが配置される親オブジェクトをセットします.
MassiveZoomVerticalPickerではGlassがZoomItemParentに設定されています.
../_images/massive_zoom4.png ../_images/massive_zoom5.png

ItemSource

アイテムのコピー元です. MassiveZoomPickerItemを継承したコンポーネントのアタッチが必要です.
MassiveZoomPickerItemコンポーネントのZoomItemには各アイテムが持つズーム対象のアイテムをセットします.
../_images/massive_zoom6.png ../_images/massive_zoom7.png

zoomItem

ズーム対象のオブジェクトです.
MassiveZoomPickerItemコンポーネントのZoomItemから参照されています.
このオブジェクトはGlass上に描画されます.
../_images/massive_zoom8.png