Package | feathers.controls |
Class | public class ScreenNavigator |
Inheritance | ScreenNavigator ![]() ![]() ![]() |
The following example creates a screen navigator, adds a screen and displays it:
var navigator:ScreenNavigator = new ScreenNavigator(); navigator.addScreen( "mainMenu", new ScreenNavigatorItem( MainMenuScreen ) ); this.addChild( navigator ); navigator.showScreen( "mainMenu" );
See also
Property | Defined By | ||
---|---|---|---|
![]() | activeScreen : DisplayObject [read-only]
A reference to the currently active screen. | BaseScreenNavigator | |
![]() | activeScreenID : String [read-only]
The string identifier for the currently active screen. | BaseScreenNavigator | |
![]() | autoSizeMode : String
Determines how the screen navigator will set its own size when its
dimensions (width and height) aren't set explicitly. | BaseScreenNavigator | |
![]() | clipContent : Boolean
Determines if the navigator's content should be clipped to the width
and height. | BaseScreenNavigator | |
![]() | defaultTextEditorFactory : Function [static]
A function used by all UI controls that support text editor to
create an ITextEditor instance. | FeathersControl | |
![]() | defaultTextRendererFactory : Function [static]
A function used by all UI controls that support text renderers to
create an ITextRenderer instance. | FeathersControl | |
![]() | depth : int [read-only]
The component's depth in the display list, relative to the stage. | FeathersControl | |
![]() | focusIndicatorSkin : DisplayObject
If this component supports focus, this optional skin will be
displayed above the component when showFocus() is
called. | FeathersControl | |
![]() | focusManager : IFocusManager | FeathersControl | |
![]() | focusOwner : IFocusDisplayObject | FeathersControl | |
![]() | focusPadding : Number
Quickly sets all focus padding properties to the same value. | FeathersControl | |
![]() | focusPaddingBottom : Number
The minimum space, in pixels, between the object's bottom edge and the
bottom edge of the focus indicator skin. | FeathersControl | |
![]() | focusPaddingLeft : Number
The minimum space, in pixels, between the object's left edge and the
left edge of the focus indicator skin. | FeathersControl | |
![]() | focusPaddingRight : Number
The minimum space, in pixels, between the object's right edge and the
right edge of the focus indicator skin. | FeathersControl | |
![]() | focusPaddingTop : Number
The minimum space, in pixels, between the object's top edge and the
top edge of the focus indicator skin. | FeathersControl | |
globalStyleProvider : IStyleProvider [static]
The default IStyleProvider for all ScreenNavigator
components. | ScreenNavigator | ||
![]() | height : Number [override]
The height of the component, in pixels. | FeathersControl | |
![]() | includeInLayout : Boolean
Determines if the ILayout should use this object or ignore it. | FeathersControl | |
![]() | isCreated : Boolean [read-only]
Determines if the component has been initialized and validated for
the first time. | FeathersControl | |
![]() | isEnabled : Boolean
Indicates whether the control is interactive or not. | FeathersControl | |
![]() | isFocusEnabled : Boolean | FeathersControl | |
![]() | isInitialized : Boolean [read-only]
Determines if the component has been initialized yet. | FeathersControl | |
![]() | isQuickHitAreaEnabled : Boolean
Similar to mouseChildren on the classic display list. | FeathersControl | |
![]() | isTransitionActive : Boolean [read-only]
Indicates whether the screen navigator is currently transitioning
between screens. | BaseScreenNavigator | |
![]() | layoutData : ILayoutData
Extra parameters associated with this display object that will be
used by the layout algorithm. | FeathersControl | |
![]() | maxHeight : Number
The maximum recommended height to be used for self-measurement and,
optionally, by any code that is resizing this component. | FeathersControl | |
![]() | maxWidth : Number
The maximum recommended width to be used for self-measurement and,
optionally, by any code that is resizing this component. | FeathersControl | |
![]() | minHeight : Number
The minimum recommended height to be used for self-measurement and,
optionally, by any code that is resizing this component. | FeathersControl | |
![]() | minTouchHeight : Number
If using isQuickHitAreaEnabled, and the hit area's
height is smaller than this value, it will be expanded. | FeathersControl | |
![]() | minTouchWidth : Number
If using isQuickHitAreaEnabled, and the hit area's
width is smaller than this value, it will be expanded. | FeathersControl | |
![]() | minWidth : Number
The minimum recommended width to be used for self-measurement and,
optionally, by any code that is resizing this component. | FeathersControl | |
![]() | nextTabFocus : IFocusDisplayObject | FeathersControl | |
![]() | previousTabFocus : IFocusDisplayObject | FeathersControl | |
![]() | styleName : String
The concatenated styleNameList, with values separated
by spaces. | FeathersControl | |
![]() | styleNameList : TokenList [read-only]
Contains a list of all "styles" assigned to this control. | FeathersControl | |
![]() | styleProvider : IStyleProvider
When a component initializes, a style provider may be used to set
properties that affect the component's visual appearance. | FeathersControl | |
transition : Function
Typically used to provide some kind of animation or visual effect,
this function is called when a new screen is shown. | ScreenNavigator | ||
![]() | width : Number [override]
The width of the component, in pixels. | FeathersControl |
Method | Defined By | ||
---|---|---|---|
Constructor. | ScreenNavigator | ||
addScreen(id:String, item:ScreenNavigatorItem):void
Registers a new screen with a string identifier that can be used
to reference the screen in other calls, like removeScreen()
or showScreen(). | ScreenNavigator | ||
clearScreen(transition:Function = null):void
Removes the current screen, leaving the ScreenNavigator
empty. | ScreenNavigator | ||
getScreen(id:String):ScreenNavigatorItem
Returns the ScreenNavigatorItem instance with the
specified identifier. | ScreenNavigator | ||
![]() | getScreenIDs(result:Vector.<String> = null):Vector.<String>
Returns a list of the screen identifiers that have been added. | BaseScreenNavigator | |
![]() | hasScreen(id:String):Boolean
Determines if the specified screen identifier has been added with
addScreen(). | BaseScreenNavigator | |
![]() | hideFocus():void
If the visual indicator of focus has been displayed by
showFocus(), call this function to hide it. | FeathersControl | |
![]() | invalidate(flag:String):void
Call this function to tell the UI control that a redraw is pending. | FeathersControl | |
![]() | isInvalid(flag:String = null):Boolean
Indicates whether the control is pending validation or not. | FeathersControl | |
![]() | move(x:Number, y:Number):void
Sets both the x and the y positions of the control in a single
function call. | FeathersControl | |
![]() | removeAllScreens():void
Removes all screens that were added with addScreen(). | BaseScreenNavigator | |
removeScreen(id:String):ScreenNavigatorItem
Removes an existing screen using the identifier assigned to it in the
call to addScreen(). | ScreenNavigator | ||
![]() | setSize(width:Number, height:Number):void
Sets both the width and the height of the control in a single
function call. | FeathersControl | |
![]() | showFocus():void
If the object has focus, an additional visual indicator may
optionally be displayed to highlight the object. | FeathersControl | |
showScreen(id:String, transition:Function = null):DisplayObject
Displays a screen and returns a reference to it. | ScreenNavigator | ||
![]() | validate():void
Immediately validates the display object, if it is invalid. | FeathersControl |
Constant | Defined By | ||
---|---|---|---|
AUTO_SIZE_MODE_CONTENT : String = content [static]
The screen navigator will auto size itself to fit its content. | ScreenNavigator | ||
AUTO_SIZE_MODE_STAGE : String = stage [static]
The screen navigator will auto size itself to fill the entire stage. | ScreenNavigator | ||
![]() | INVALIDATION_FLAG_ALL : String = all [static]
Flag to indicate that everything is invalid and should be redrawn. | FeathersControl | |
![]() | INVALIDATION_FLAG_DATA : String = data [static]
Invalidation flag to indicate that the primary data displayed by the
UI control has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_FOCUS : String = focus [static]
Invalidation flag to indicate that the focus of the UI control has
changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_LAYOUT : String = layout [static]
Invalidation flag to indicate that the layout of the UI control has
changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_SCROLL : String = scroll [static]
Invalidation flag to indicate that the scroll position of the UI
control has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_SELECTED : String = selected [static]
Invalidation flag to indicate that the selection of the UI control
has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_SIZE : String = size [static]
Invalidation flag to indicate that the dimensions of the UI control
have changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_SKIN : String = skin [static]
Invalidation flag to indicate that the skin of the UI control has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_STATE : String = state [static]
Invalidation flag to indicate that the state has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_STYLES : String = styles [static]
Invalidation flag to indicate that the styles or visual appearance of
the UI control has changed. | FeathersControl |
globalStyleProvider | property |
public static var globalStyleProvider:IStyleProvider
The default IStyleProvider
for all ScreenNavigator
components.
The default value is null
.
See also
transition | property |
transition:Function
Typically used to provide some kind of animation or visual effect, this function is called when a new screen is shown.
In the following example, the screen navigator is given a transition that fades in the new screen on top of the old screen:
navigator.transition = Fade.createFadeInTransition();
A number of animated transitions may be found in the feathers.motion package. However, you are not limited to only these transitions. It's possible to create custom transitions too.
A custom transition function should have the following signature:
function(oldScreen:DisplayObject, newScreen:DisplayObject, completeCallback:Function):void
Either of the oldScreen
and newScreen
arguments may be null
, but never both. The
oldScreen
argument will be null
when the
first screen is displayed or when a new screen is displayed after
clearing the screen. The newScreen
argument will
be null when clearing the screen.
The completeCallback
function must be called
when the transition effect finishes.This callback indicate to the
screen navigator that the transition has finished. This function has
the following signature:
function(cancelTransition:Boolean = false):void
The first argument defaults to false
, meaning that
the transition completed successfully. In most cases, this callback
may be called without arguments. If a transition is cancelled before
completion (perhaps through some kind of user interaction), and the
previous screen should be restored, pass true
as the
first argument to the callback to inform the screen navigator that
the transition is cancelled.
The default value is null
.
public function get transition():Function
public function set transition(value:Function):void
See also
ScreenNavigator | () | Constructor |
public function ScreenNavigator()
Constructor.
addScreen | () | method |
public function addScreen(id:String, item:ScreenNavigatorItem):void
Registers a new screen with a string identifier that can be used
to reference the screen in other calls, like removeScreen()
or showScreen()
.
Parameters
id:String | |
item:ScreenNavigatorItem |
See also
clearScreen | () | method |
public function clearScreen(transition:Function = null):void
Removes the current screen, leaving the ScreenNavigator
empty.
An optional transition may be specified. If null
the
transition
property will be used instead.
Parameters
transition:Function (default = null )
|
See also
getScreen | () | method |
public function getScreen(id:String):ScreenNavigatorItem
Returns the ScreenNavigatorItem
instance with the
specified identifier.
Parameters
id:String |
ScreenNavigatorItem |
removeScreen | () | method |
public function removeScreen(id:String):ScreenNavigatorItem
Removes an existing screen using the identifier assigned to it in the
call to addScreen()
.
Parameters
id:String |
ScreenNavigatorItem |
See also
showScreen | () | method |
public function showScreen(id:String, transition:Function = null):DisplayObject
Displays a screen and returns a reference to it. If a previous transition is running, the new screen will be queued, and no reference will be returned.
An optional transition may be specified. If null
the
transition
property will be used instead.
Parameters
id:String | |
transition:Function (default = null )
|
DisplayObject |
See also
AUTO_SIZE_MODE_CONTENT | Constant |
public static const AUTO_SIZE_MODE_CONTENT:String = content
The screen navigator will auto size itself to fit its content.
See also
AUTO_SIZE_MODE_STAGE | Constant |
public static const AUTO_SIZE_MODE_STAGE:String = stage
The screen navigator will auto size itself to fill the entire stage.
See also