Class: SC.SceneView
Extends
SC.ContainerView.
Displays several views as scenes that can slide on and off the screen. The scene view is a nice way to provide a simple effect of moving from a higher level screen to a more detailed level screen. You will be able to optionally choose the kind of animation used to transition the two scenes as well if supported on the web browser.
Using SC.SceneView
To setup the scene view, you should define the 'scenes' property with an array of scene names. These will be the properties on the scene view that you can shift in an out of view as needed. You can edit the scenes property at any time. It will only be used when you start to transition from one scene to another.
Next you should set your nowShowing property to the name of the scene you
would like to display. This will cause the view to transition scenes if it
is visible on screen. Otherwise, it will simply make the new scene view
the current content view and that's it.
Defined in: scene.js
- Since:
- Version 1.0
Field Summary
- Fields borrowed from SC.ContainerView:
- classNames, contentView, isTransitioning, nowShowing, transitionSwap, transitionSwapOptions
- Fields borrowed from SC.View:
- acceptsFirstResponder, acceptsMultitouch, ariaHidden, ariaRole, attributeBindings, autoMixins, backgroundColor, childViewLayout, childViewLayoutOptions, childViews, childViewsNeedLayout, classNameBindings, concatenatedProperties, createdByParent, designMode, displayProperties, enabledState, firstKeyView, hasLayout, hasTouch, hasVisibility, isBuildingIn, isBuildingOut, isChildViewLayoutLive, isEnabled, isFixedHeight, isFixedPosition, isFixedSize, isFixedWidth, isKeyResponder, isTextSelectable, isView, isVisible, lastKeyView, layerLocationNeedsUpdate, layerNeedsUpdate, layout, modeAdjust, nextKeyView, page, pane, parentView, previousKeyView, renderDelegateName, shouldInheritCursor, shouldInheritEnabled, tagName, themeName, toolTip, touchBoundary, transitionAdjust, transitionAdjustOptions, transitionHide, transitionHideOptions, transitionIn, transitionInOptions, transitionOut, transitionOutOptions, transitionShow, transitionShowOptions, useStaticLayout
- Fields borrowed from SC.Responder:
- hasFirstResponder, isFirstResponder, responderContext
- Fields borrowed from SC.Object:
- isDestroyed, isObject, nextProperty, object, property, target, toInvalidate
- Fields borrowed from SC.Observable:
- isObservable
Field Detail
scenes ArrayArray of scene names. Scenes will slide on and off screen in the order that you specify them here. That is, if you shift from a scene at index 2 to a scene at index 1, the scenes will animate backwards. If you shift to a scene at index 3, the scenes will animate forwards.
- Default value:
- null
- Default value:
- null
- See:
- SC.ContainerView#transitionSwap
- See:
- SC.ContainerView#transitionBackwardOptions
- Default value:
- null
- See:
- SC.ContainerView#transitionSwap
- See:
- SC.ContainerView#transitionBackwardOptions