Drop Pane Properties
You can use Drop Pane properties to adjust the functionality of a Drop Pane component.
Adjusting Drop Pane Properties
Select the corresponding component in the Scene Manager and go to the Layout section located under the Properties tab in the Inspector. You can type a value into the corresponding field, or select a value from a list.
Drop Pane Properties
- Fill Mode: Select how other components adjust their size when they enter the Drop Pane. Original Size is self-explanatory. Scale into Frame fills the space as far as possible without making cuts. However, as the aspect ratio is maintained, horizontal or vertical bars may be visible at the borders. Scale to Fill Frame fills the space keeping the aspect ratio, but may apply cuts. Scale to Fit Horizontally maintains the aspect ratio, but may cut the height of the component or show horizontal bars. Scale to Fit Vertically does the same with possible cuts in width or vertical side bars. Stretch to Fill Frame fills the space and shows the component in full, but may distort the aspect ratio.
- Snap Mode: Here you determine when components are dropped. Center means the component's center point must touch the Drop Pane to trigger the drop. Overlap takes any part touching the Drop Pane as a trigger. Bounds means the component must be completely inside the Drop Pane, and Touch Position means the point where the finger touches the component must enter the Drop Pane.
- Undrop Target: Here you set what components do when they are removed from the Drop Pane. Original Position returns them to their start position in the scenario, Last Position to where they were before entering the Drop Pane and Current Position to where you place them.
- Group: Enter the group name common to all components that you want to be affected by the drop pane. This group name is entered in the Drag and Drop properties of those components.
Working with Drop Pane Properties
Drop panes are fascinating parts of many multi-touch scenarios, and learning how to use them properly is very beneficial. Also, the specific property settings aren't too voluminous.
Fill Mode determines how components will be scaled as they enter the drop pane. Depending on the components you are placing in the drop pane and on their property settings, result may vary. Therefore, this is a function that you might want to test in the Stage before going live with it.
To avoid having any components pulled randomly into the drop pane, the assignment to a drop pane must be done explicitly by giving a drop group name to components that you want to be affected by the drop pane. By default, this group is called "drop". Simply write "drop" into the Drag and Drop properties of any component that you want to be droppable on the particular drop pane.
Of course, working with multiple drop panes is possible. In this case, it is reasonable to create multiple groups and assign different group names to use them separately. However, individual components can be assigned to a single drop group.
Note: Disabling the drop pane’s touch behavior has no influence on the drop pane’s functionality. Using groups is the best way to set limitations of the drop pane.