Massive Zoom Picker

This page explains the structure of MassiveZoomPicker using MassiveZoomVerticalPicker as an example.
This picker can be added by clicking on [GameObject]/[UI]/[Picker]/[Massive Zoom Vertical Picker] in the menu.
MassiveZoomVerticalPicker and MassiveZoomHorizontalPicker have similar structure.

The structure of this picker is the Massive Picker plus Zoom Picker.
This page explains the difference with MassivePicker.

MassiveZoomVerticalPicker

Root object. Component is not attached.

../_images/massive_zoom1.png

Glass

It is a central glass.
Mask component is attached.
Items to be zoomed are drawn only in Glass by Mask of this object.
DontTouchImage component is attached.
../_images/massive_zoom2.png

GlassBg

Background of the center glass. The image is painted white with MassiveZoomVertialPicker.
DontTouchImage component is attached.
Items are drawn in the order of [Not zoomed items]-> [GlassBg] -> [Glass] -> [Zoomed items].
This item hides items that are not zoomed.
../_images/massive_zoom3.png

Content

MassiveZoomPickerLayoutGroup component is attached to the alternative of MassivePickerLayoutGroup.
ZoomItemParent sets the parent object where the zoomed object will be placed.
MassiveZoomVerticalPicker sets Glass to ZoomItemParent.
../_images/massive_zoom4.png ../_images/massive_zoom5.png

ItemSource

Item is copied from. It is necessary to attach a component that inherits MassiveZoomPickerItem.
ZoomItem of the Massive ZoomPickerItem component is set to the item to be zoomed that each item has.
../_images/massive_zoom6.png ../_images/massive_zoom7.png

zoomItem

Object to zoom on.
Referenced from ZoomItem of MassiveZoomPickerItem component.
This object is drawn on Glass.
../_images/massive_zoom8.png