Package | feathers.controls |
Class | public class Header |
Inheritance | Header ![]() ![]() ![]() ![]() ![]() ![]() |
Product Version : | Feathers 1.0.0 |
In the following example, a header is created, given a title, and a back button:
var header:Header = new Header(); header.title = "I'm a header"; var backButton:Button = new Button(); backButton.label = "Back"; backButton.styleNameList.add( Button.ALTERNATE_STYLE_NAME_BACK_BUTTON ); backButton.addEventListener( Event.TRIGGERED, backButton_triggeredHandler ); header.leftItems = new <DisplayObject>[ backButton ]; this.addChild( header );
See also
Property | Defined By | ||
---|---|---|---|
![]() | addedEffect : Function
An optional effect that is activated when the component is added to
the stage. | FeathersControl | |
![]() | alpha : Number The opacity of the object. | DisplayObject | |
![]() | base : DisplayObject [read-only] The topmost object in the display tree the object is part of. | DisplayObject | |
![]() | blendMode : String The blend mode determines how the object is blended with the objects underneath. | DisplayObject | |
![]() | bounds : Rectangle [read-only] The bounds of the object relative to the local coordinates of the parent. | DisplayObject | |
centerItems : Vector.<DisplayObject>
The UI controls that appear in the center region of the header. | Header | ||
![]() | 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 | |
disposeItems : Boolean
Determines if the leftItems, centerItems,
and rightItems are disposed or not when the header is
disposed. | Header | ||
![]() | effectsSuspended : Boolean [read-only]
Indicates if effects have been suspended. | FeathersControl | |
![]() | explicitHeight : Number [read-only]
The height value explicitly set by passing a value to the
height setter or by calling the setSize()
function. | FeathersControl | |
![]() | explicitMaxHeight : Number [read-only]
The maximum height value explicitly set by passing a value to the
maxHeight setter. | FeathersControl | |
![]() | explicitMaxWidth : Number [read-only]
The maximum width value explicitly set by passing a value to the
maxWidth setter. | FeathersControl | |
![]() | explicitMinHeight : Number [read-only]
The minimum height value explicitly set by passing a value to the
minHeight setter. | FeathersControl | |
![]() | explicitMinWidth : Number [read-only]
The minimum width value explicitly set by passing a value to the
minWidth setter. | FeathersControl | |
![]() | explicitWidth : Number [read-only]
The width value explicitly set by passing a value to the
width setter or to the setSize() method. | FeathersControl | |
![]() | filter : FragmentFilter The filter that is attached to the display object. | DisplayObject | |
![]() | focusInEffect : Function
An optional effect that is activated when the component receives
focus. | FeathersControl | |
![]() | focusManager : IFocusManager
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The current focus manager for this component. | FeathersControl | |
![]() | focusOutEffect : Function
An optional effect that is activated when the component loses focus. | FeathersControl | |
![]() | focusOwner : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
Used for associating focusable display objects that are not direct
children with an "owner" focusable display object, such as pop-ups. | FeathersControl | |
globalStyleProvider : IStyleProvider [static]
The default IStyleProvider for all Header
components. | Header | ||
![]() | height : Number [override]
The height of the component, in pixels. | FeathersControl | |
![]() | hideEffect : Function
An optional effect that is activated when the component is hidden. | FeathersControl | |
![]() | includeInLayout : Boolean
Determines if the ILayout should use this object or ignore it. | FeathersControl | |
![]() | is3D : Boolean [read-only] Indicates if this object or any of its parents is a 'Sprite3D' object. | DisplayObject | |
![]() | 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
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
Determines if this component can receive focus. | 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 | |
![]() | isShowingFocus : Boolean [read-only]
The implementation of this method is provided for convenience, but
it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
Indicates if the showFocus() method has been called on
the object when it has focus. | FeathersControl | |
![]() | layoutData : ILayoutData
Extra parameters associated with this display object that will be
used by the layout algorithm. | FeathersControl | |
leftItems : Vector.<DisplayObject>
The UI controls that appear in the left region of the header. | Header | ||
![]() | maintainTouchFocus : Boolean [read-only]
The implementation of this method is provided for convenience, but
it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
If true, the display object should remain in focus,
even if something else is touched. | FeathersControl | |
![]() | mask : DisplayObject The display object that acts as a mask for the current object. | DisplayObject | |
![]() | maskInverted : Boolean Indicates if the masked region of this object is set to be inverted. | DisplayObject | |
![]() | 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 | |
![]() | moveEffect : Function
An optional effect that is activated when the component is moved to
a new position. | FeathersControl | |
![]() | name : String The name of the display object (default: null). | DisplayObject | |
![]() | nextDownFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when
Keyboard.DOWN is pressed at
KeyLocation.D_PAD and a focus manager is enabled. | FeathersControl | |
![]() | nextLeftFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when
Keyboard.LEFT is pressed at
KeyLocation.D_PAD and a focus manager is enabled. | FeathersControl | |
![]() | nextRightFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when
Keyboard.RIGHT is pressed at
KeyLocation.D_PAD and a focus manager is enabled. | FeathersControl | |
![]() | nextTabFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when the tab key is pressed
when a focus manager is enabled. | FeathersControl | |
![]() | nextUpFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when
Keyboard.UP is pressed at
KeyLocation.D_PAD and a focus manager is enabled. | FeathersControl | |
![]() | numChildren : int [read-only] The number of children of this container. | DisplayObjectContainer | |
numLines : int [read-only]
The number of text lines displayed by the header. | Header | ||
![]() | parent : DisplayObjectContainer [read-only] The display object container that contains this display object. | DisplayObject | |
![]() | pivotX : Number The x coordinate of the object's origin in its own coordinate space (default: 0). | DisplayObject | |
![]() | pivotY : Number The y coordinate of the object's origin in its own coordinate space (default: 0). | DisplayObject | |
![]() | previousTabFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The previous object that will receive focus when the tab key is
pressed while holding shift when a focus manager is enabled. | FeathersControl | |
![]() | requiresRedraw : Boolean [read-only] Indicates if the object needs to be redrawn in the upcoming frame, i.e. | DisplayObject | |
![]() | resizeEffect : Function
An optional effect that is activated when the component is resized
with new dimensions. | FeathersControl | |
rightItems : Vector.<DisplayObject>
The UI controls that appear in the right region of the header. | Header | ||
![]() | root : DisplayObject [read-only] The root object the display object is connected to (i.e. | DisplayObject | |
![]() | rotation : Number The rotation of the object in radians. | DisplayObject | |
![]() | scale : Number Sets both 'scaleX' and 'scaleY' to the same value. | DisplayObject | |
![]() | scaleX : Number The horizontal scale factor. | DisplayObject | |
![]() | scaleY : Number The vertical scale factor. | DisplayObject | |
![]() | showEffect : Function
An optional effect that is activated when the component is shown. | FeathersControl | |
![]() | skewX : Number The horizontal skew angle in radians. | DisplayObject | |
![]() | skewY : Number The vertical skew angle in radians. | DisplayObject | |
![]() | stage : Stage [read-only] The stage the display object is connected to, or null if it is not connected
to the stage. | DisplayObject | |
![]() | 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 | |
title : String
The text displayed for the header's title. | Header | ||
titleFactory : Function
A function used to instantiate the header's title text renderer
sub-component. | Header | ||
titleProperties : Object
An object that stores properties for the header's title text renderer
sub-component, and the properties will be passed down to the text
renderer when the header validates. | Header | ||
![]() | toolTip : String
Text to display in a tool tip to when hovering over this component,
if the ToolTipManager is enabled. | FeathersControl | |
![]() | touchable : Boolean Indicates if this object (and its children) will receive touch events. | DisplayObject | |
![]() | touchGroup : Boolean If a container is a 'touchGroup', it will act as a single touchable object. | DisplayObjectContainer | |
![]() | transformationMatrix : Matrix The transformation matrix of the object relative to its parent. | DisplayObject | |
![]() | transformationMatrix3D : Matrix3D [read-only] The 3D transformation matrix of the object relative to its parent. | DisplayObject | |
![]() | useHandCursor : Boolean Indicates if the mouse cursor should transform into a hand while it's over the sprite. | DisplayObject | |
![]() | visible : Boolean The visibility of the object. | DisplayObject | |
![]() | width : Number [override]
The width of the component, in pixels. | FeathersControl | |
![]() | x : Number The x coordinate of the object relative to the local coordinates of the parent. | DisplayObject | |
![]() | y : Number The y coordinate of the object relative to the local coordinates of the parent. | DisplayObject |
Property | Defined By | ||
---|---|---|---|
![]() | actualHeight : Number = 0
The final height value that should be used for layout. | FeathersControl | |
![]() | actualMinHeight : Number = 0
The final minimum height value that should be used for layout. | FeathersControl | |
![]() | actualMinWidth : Number = 0
The final minimum width value that should be used for layout. | FeathersControl | |
![]() | actualWidth : Number = 0
The final width value that should be used for layout. | FeathersControl | |
![]() | defaultStyleProvider : IStyleProvider [read-only]
When the FeathersControl constructor is called, the
styleProvider property is set to this value. | FeathersControl | |
itemStyleName : String = feathers-header-item
The value added to the styleNameList of each of the
header's items. | Header | ||
titleStyleName : String = feathers-header-title
The value added to the styleNameList of the header's
title text renderer. | Header | ||
titleTextRenderer : ITextRenderer
The text renderer for the header's title. | Header |
Method | Defined By | ||
---|---|---|---|
Header()
Constructor. | Header | ||
![]() | Adds a child to the container. | DisplayObjectContainer | |
![]() | Adds a child to the container at a certain index. | DisplayObjectContainer | |
![]() | addEventListener(type:String, listener:Function):void [override] Registers an event listener at a certain object. | DisplayObject | |
![]() | alignPivot(horizontalAlign:String = center, verticalAlign:String = center):void Moves the pivot point to a certain position within the local coordinate system
of the object. | DisplayObject | |
![]() | broadcastEvent(event:Event):void Dispatches an event on all children (recursively). | DisplayObjectContainer | |
![]() | broadcastEventWith(eventType:String, data:Object = null):void Dispatches an event with the given parameters on all children (recursively). | DisplayObjectContainer | |
![]() | contains(child:DisplayObject):Boolean Determines if a certain object is a child of the container (recursively). | DisplayObjectContainer | |
![]() | dispatchEvent(event:Event):void Dispatches an event to all objects that have registered listeners for its type. | EventDispatcher | |
![]() | dispatchEventWith(type:String, bubbles:Boolean = false, data:Object = null):void Dispatches an event with the given parameters to all objects that have registered
listeners for the given type. | EventDispatcher | |
![]() | dispose():void [override] Disposes the resources of all children. | DisplayObjectContainer | |
![]() | drawToBitmapData(out:BitmapData = null, color:uint = 0x0, alpha:Number = 0.0):BitmapData Draws the object into a BitmapData object. | DisplayObject | |
![]() | getBounds(targetSpace:DisplayObject, resultRect:Rectangle = null):Rectangle [override]
Feathers components use an optimized getBounds()
implementation that may sometimes behave differently than regular
Starling display objects. | FeathersControl | |
![]() | getChildAt(index:int):DisplayObject Returns a child object at a certain index. | DisplayObjectContainer | |
![]() | getChildByName(name:String):DisplayObject Returns a child object with a certain name (non-recursively). | DisplayObjectContainer | |
![]() | getChildIndex(child:DisplayObject):int Returns the index of a child within the container, or "-1" if it is not found. | DisplayObjectContainer | |
![]() | getTransformationMatrix(targetSpace:DisplayObject, out:Matrix = null):Matrix Creates a matrix that represents the transformation from the local coordinate system
to another. | DisplayObject | |
![]() | getTransformationMatrix3D(targetSpace:DisplayObject, out:Matrix3D = null):Matrix3D Creates a matrix that represents the transformation from the local coordinate system
to another. | DisplayObject | |
![]() | globalToLocal(globalPoint:Point, out:Point = null):Point Transforms a point from global (stage) coordinates to the local coordinate system. | DisplayObject | |
![]() | globalToLocal3D(globalPoint:Point, out:Vector3D = null):Vector3D Transforms a point from global (stage) coordinates to the 3D local coordinate system. | DisplayObject | |
![]() | hasEventListener(type:String, listener:Function = null):Boolean If called with one argument, figures out if there are any listeners registered for
the given event type. | EventDispatcher | |
![]() | hideFocus():void
The implementation of this method is provided for convenience, but
it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
| FeathersControl | |
![]() | hitTest(localPoint:Point):DisplayObject [override] Returns the object that is found topmost beneath a point in local coordinates, or nil
if the test fails. | DisplayObjectContainer | |
![]() | hitTestMask(localPoint:Point):Boolean Checks if a certain point is inside the display object's mask. | DisplayObject | |
![]() | initializeNow():void
If the component has not yet initialized, initializes immediately. | 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 | |
![]() | local3DToGlobal(localPoint:Vector3D, out:Point = null):Point Transforms a 3D point from the local coordinate system to global (stage) coordinates. | DisplayObject | |
![]() | localToGlobal(localPoint:Point, out:Point = null):Point Transforms a point from the local coordinate system to global (stage) coordinates. | DisplayObject | |
![]() | move(x:Number, y:Number):void
Sets both the x and the y positions of the control in a single
function call. | FeathersControl | |
![]() | Removes a child from the container. | DisplayObjectContainer | |
![]() | removeChildAt(index:int, dispose:Boolean = false):DisplayObject Removes a child at a certain index. | DisplayObjectContainer | |
![]() | removeChildren(beginIndex:int = 0, endIndex:int = -1, dispose:Boolean = false):void Removes a range of children from the container (endIndex included). | DisplayObjectContainer | |
![]() | removeEventListener(type:String, listener:Function):void [override] Removes an event listener from the object. | DisplayObject | |
![]() | removeEventListeners(type:String = null):void [override] Removes all event listeners with a certain type, or all of them if type is null. | DisplayObject | |
![]() | removeFromParent(dispose:Boolean = false):void Removes the object from its parent, if it has one, and optionally disposes it. | DisplayObject | |
![]() | removeFromParentWithEffect(effect:Function, dispose:Boolean = false):void
Plays an effect before removing the component from its parent. | FeathersControl | |
![]() | [override] Renders the display object with the help of a painter object. | DisplayObjectContainer | |
![]() | resetStyleProvider():void
Resets the styleProvider property to its default value,
which is usually the global style provider for the component. | FeathersControl | |
![]() | resumeEffects():void
Indicates that effects should be re-activated after being suspended. | FeathersControl | |
![]() | setChildIndex(child:DisplayObject, index:int):void Moves a child to a certain index. | DisplayObjectContainer | |
![]() | setRequiresRedraw():void Forces the object to be redrawn in the next frame. | DisplayObject | |
![]() | setSize(width:Number, height:Number):void
Sets both the width and the height of the control in a single
function call. | FeathersControl | |
![]() | showFocus():void
The implementation of this method is provided for convenience, but
it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
| FeathersControl | |
![]() | sortChildren(compareFunction:Function):void Sorts the children according to a given function (that works just like the sort function
of the Vector class). | DisplayObjectContainer | |
![]() | suspendEffects():void
Indicates that effects should not be activated temporarily. | FeathersControl | |
![]() | Swaps the indexes of two children. | DisplayObjectContainer | |
![]() | swapChildrenAt(index1:int, index2:int):void Swaps the indexes of two children. | DisplayObjectContainer | |
![]() | validate():void
Immediately validates the display object, if it is invalid. | FeathersControl |
Method | Defined By | ||
---|---|---|---|
autoSizeIfNeeded():Boolean
If the component's dimensions have not been set explicitly, it will
measure its content and determine an ideal size for itself. | Header | ||
![]() | clearInvalidationFlag(flag:String):void
Clears an invalidation flag. | FeathersControl | |
createTitle():void
Creates and adds the titleTextRenderer sub-component and
removes the old instance, if one exists. | Header | ||
![]() | draw():void
Override to customize layout and to adjust properties of children. | FeathersControl | |
![]() | focusInHandler(event:Event):void
Default event handler for FeathersEventType.FOCUS_IN
that may be overridden in subclasses to perform additional actions
when the component receives focus. | FeathersControl | |
![]() | focusOutHandler(event:Event):void
Default event handler for FeathersEventType.FOCUS_OUT
that may be overridden in subclasses to perform additional actions
when the component loses focus. | FeathersControl | |
![]() | ignoreNextStyleRestriction():void
The next style that is set will not be restricted. | FeathersControl | |
![]() | initialize():void
Called the first time that the UI control is added to the stage, and
you should override this function to customize the initialization
process. | FeathersControl | |
![]() | processStyleRestriction(key:Object):Boolean
Used by setters for properties that are considered "styles" to
determine if the setter has been called directly on the component or
from a style provider. | FeathersControl | |
![]() | refreshFocusIndicator():void
Updates the focus indicator skin by showing or hiding it and
adjusting its position and dimensions. | FeathersControl | |
![]() | saveMeasurements(width:Number, height:Number, minWidth:Number = 0, minHeight:Number = 0):Boolean
Saves the dimensions and minimum dimensions calculated for the
component. | FeathersControl | |
![]() | setInvalidationFlag(flag:String):void
Sets an invalidation flag. | FeathersControl | |
![]() | setSizeInternal(width:Number, height:Number, canInvalidate:Boolean):Boolean
Sets the width and height of the control, with the option of
invalidating or not. | FeathersControl |
Style | Description | Defined By | ||
---|---|---|---|---|
backgroundDisabledSkin | Type: starling.display.DisplayObject A background to display when the header is disabled. If the property is null , the value of the backgroundSkin
property will be used instead.
In the following example, the header's disabled background skin is
set to a
header.backgroundDisabledSkin = new Quad( 10, 10, 0x999999 );
The default value is null .See also | Header | ||
backgroundSkin | Type: starling.display.DisplayObject A display object displayed behind the header's content. In the following example, the header's background skin is set to
a
header.backgroundSkin = new Quad( 10, 10, 0xff0000 );
The default value is null .See also | Header | ||
customTitleStyleName | Type: String A style name to add to the header's title text renderer sub-component. Typically used by a theme to provide different styles to different headers. In the following example, a custom title style name is passed to the header:
header.customTitleStyleName = "my-custom-header-title";
In your theme, you can target this sub-component style name to provide different styles than the default:
getStyleProviderForClass( BitmapFontTextRenderer ).setFunctionForStyleName( "my-custom-header-title", setCustomHeaderTitleStyles );
The default value is null .See also | Header | ||
disabledFontStyles | Type: starling.text.TextFormat The font styles used to display the title's text when the header is disabled. In the following example, the disabled font styles are customized:
header.disabledFontStyles = new TextFormat( "Helvetica", 20, 0x999999 );
Note: The null .See also | Header | ||
![]() | Type: starling.display.DisplayObject If this component supports focus, this optional skin will be displayed above the component when showFocus() is called.See also | FeathersControl | ||
![]() | Type: Number Quickly sets all focus padding properties to the same value. See also | FeathersControl | ||
![]() | Type: Number The minimum space, in pixels, between the object's bottom edge and the bottom edge of the focus indicator skin. See also | FeathersControl | ||
![]() | Type: Number The minimum space, in pixels, between the object's left edge and the left edge of the focus indicator skin. See also | FeathersControl | ||
![]() | Type: Number The minimum space, in pixels, between the object's right edge and the right edge of the focus indicator skin. See also | FeathersControl | ||
![]() | Type: Number The minimum space, in pixels, between the object's top edge and the top edge of the focus indicator skin. See also | FeathersControl | ||
fontStyles | Type: starling.text.TextFormat The font styles used to display the title's text. In the following example, the font styles are customized:
header.fontStyles = new TextFormat( "Helvetica", 20, 0xcc0000 );
Note: The null .See also | Header | ||
gap | Type: Number Space, in pixels, between items. The same value is used with the leftItems and rightItems .
Set the In the following example, the header's gap between items is set to 20 pixels:
header.gap = 20;
The default value is 0 .See also | Header | ||
padding | Type: Number Quickly sets all padding properties to the same value. The padding getter always returns the value of
paddingTop , but the other padding values may be
different.
In the following example, the header's padding is set to 20 pixels:
header.padding = 20;
The default value is 0 .See also | Header | ||
paddingBottom | Type: Number The minimum space, in pixels, between the header's bottom edge and the header's content. In the following example, the header's bottom padding is set to 20 pixels:
header.paddingBottom = 20;
The default value is 0 .See also | Header | ||
paddingLeft | Type: Number The minimum space, in pixels, between the header's left edge and the header's content. In the following example, the header's left padding is set to 20 pixels:
header.paddingLeft = 20;
The default value is 0 .See also | Header | ||
paddingRight | Type: Number The minimum space, in pixels, between the header's right edge and the header's content. In the following example, the header's right padding is set to 20 pixels:
header.paddingRight = 20;
The default value is 0 .See also | Header | ||
paddingTop | Type: Number The minimum space, in pixels, between the header's top edge and the header's content. In the following example, the header's top padding is set to 20 pixels:
header.paddingTop = 20;
The default value is 0 .See also | Header | ||
titleAlign | Type: String The preferred horizontal position of the title. If If If In the following example, the header's title alignment is set to prefer the left side:
header.titleAlign = HorizontalAlign.LEFT;
The default value is feathers.layout.HorizontalAlign.CENTER .See also | Header | ||
titleGap | Type: Number Space, in pixels, between the title and the left or right groups of items. If NaN (the default), the default gap
property is used instead.
In the following example, the header's title gap is set to 20 pixels:
header.titleGap = 20;
The default value is NaN .See also | Header | ||
useExtraPaddingForOSStatusBar | Type: Boolean If enabled, the header's top padding will be increased to account for the height of the OS status bar when the app is rendered under the OS status bar. The header will not add extra padding to apps that aren't rendered under the OS status bar. iOS started rendering apps that aren't full screen under the OS status bar in version 7. In the following example, the header's padding will account for the iOS status bar height:
header.useExtraPaddingForOSStatusBar = true;
The default value is false; .See also | Header | ||
verticalAlign | Type: String The alignment of the items vertically, on the y-axis. In the following example, the header's vertical alignment is set to the middle:
header.verticalAlign = VerticalAlign.MIDDLE;
The default value is feathers.layout.VerticalAlign.MIDDLE .See also | Header | ||
wordWrap | Type: Boolean Determines if the text wraps to the next line when it reaches the width (or max width) of the component. In the following example, the header's title is wrapped:
header.wordWrap = true;
The default value is false . | Header |
Constant | Defined By | ||
---|---|---|---|
DEFAULT_CHILD_STYLE_NAME_ITEM : String = feathers-header-item [static]
The default value added to the styleNameList of the header's
items. | Header | ||
DEFAULT_CHILD_STYLE_NAME_TITLE : String = feathers-header-title [static]
The default value added to the styleNameList of the
header's title text renderer. | Header | ||
![]() | 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 |
centerItems | property |
centerItems:Vector.<DisplayObject>
The UI controls that appear in the center region of the header. If
centerItems
is not empty, and titleAlign
is HorizontalAlign.CENTER
, the title text renderer will
be hidden.
In the following example, a settings button is displayed in the center of the header:
var settingsButton:Button = new Button(); settingsButton.label = "Settings"; settingsButton.addEventListener( Event.TRIGGERED, settingsButton_triggeredHandler ); header.centerItems = new <DisplayObject>[ settingsButton ];
The default value is null
.
public function get centerItems():Vector.<DisplayObject>
public function set centerItems(value:Vector.<DisplayObject>):void
disposeItems | property |
disposeItems:Boolean
Determines if the leftItems
, centerItems
,
and rightItems
are disposed or not when the header is
disposed.
If you change this value to false
, you must dispose
the items manually. Failing to dispose the items may result in a
memory leak.
The default value is true
.
public function get disposeItems():Boolean
public function set disposeItems(value:Boolean):void
globalStyleProvider | property |
public static var globalStyleProvider:IStyleProvider
The default IStyleProvider
for all Header
components.
The default value is null
.
See also
itemStyleName | property |
protected var itemStyleName:String = feathers-header-item
The value added to the styleNameList
of each of the
header's items. This variable is protected
so that
sub-classes can customize the item style name in their constructors
instead of using the default style name defined by
DEFAULT_CHILD_STYLE_NAME_ITEM
.
See also
leftItems | property |
leftItems:Vector.<DisplayObject>
The UI controls that appear in the left region of the header.
If leftItems
is not empty, and
titleAlign
is HorizontalAlign.LEFT
, the
title text renderer will appear to the right of the left items.
In the following example, a back button is displayed on the left side of the header:
var backButton:Button = new Button(); backButton.label = "Back"; backButton.styleNameList.add( Button.ALTERNATE_STYLE_NAME_BACK_BUTTON ); backButton.addEventListener( Event.TRIGGERED, backButton_triggeredHandler ); header.leftItems = new <DisplayObject>[ backButton ];
The default value is null
.
public function get leftItems():Vector.<DisplayObject>
public function set leftItems(value:Vector.<DisplayObject>):void
numLines | property |
numLines:int
[read-only]
The number of text lines displayed by the header. The component may
contain multiple text lines if the text contains line breaks or if
the wordWrap
property is enabled.
public function get numLines():int
See also
rightItems | property |
rightItems:Vector.<DisplayObject>
The UI controls that appear in the right region of the header.
If rightItems
is not empty, and
titleAlign
is HorizontalAlign.RIGHT
, the
title text renderer will appear to the left of the right items.
In the following example, a settings button is displayed on the right side of the header:
var settingsButton:Button = new Button(); settingsButton.label = "Settings"; settingsButton.addEventListener( Event.TRIGGERED, settingsButton_triggeredHandler ); header.rightItems = new <DisplayObject>[ settingsButton ];
The default value is null
.
public function get rightItems():Vector.<DisplayObject>
public function set rightItems(value:Vector.<DisplayObject>):void
title | property |
title:String
The text displayed for the header's title.
In the following example, the header's title is set:
header.title = "I'm a Header";
The default value is ""
.
public function get title():String
public function set title(value:String):void
See also
titleFactory | property |
titleFactory:Function
A function used to instantiate the header's title text renderer
sub-component. By default, the header will use the global text
renderer factory, FeathersControl.defaultTextRendererFactory()
,
to create the title text renderer. The title text renderer must be an
instance of ITextRenderer
. This factory can be used to
change properties on the title text renderer when it is first
created. For instance, if you are skinning Feathers components
without a theme, you might use this factory to style the title text
renderer.
If you are not using a theme, the title factory can be used to provide skin the title with appropriate text styles.
The factory should have the following function signature:
function():ITextRenderer
In the following example, a custom title factory is passed to the header:
header.titleFactory = function():ITextRenderer { var titleRenderer:TextFieldTextRenderer = new TextFieldTextRenderer(); titleRenderer.textFormat = new TextFormat( "_sans", 12, 0xff0000 ); return titleRenderer; }
The default value is null
.
public function get titleFactory():Function
public function set titleFactory(value:Function):void
See also
titleProperties | property |
titleProperties:Object
An object that stores properties for the header's title text renderer
sub-component, and the properties will be passed down to the text
renderer when the header validates. The available properties
depend on which ITextRenderer
implementation is returned
by textRendererFactory
. Refer to
feathers.core.ITextRenderer
for a list of available text renderer implementations.
In the following example, some properties are set for the header's
title text renderer (this example assumes that the title text renderer
is a BitmapFontTextRenderer
):
header.titleProperties.textFormat = new BitmapFontTextFormat( bitmapFont ); header.titleProperties.wordWrap = true;
If the subcomponent has its own subcomponents, their properties
can be set too, using attribute @
notation. For example,
to set the skin on the thumb which is in a SimpleScrollBar
,
which is in a List
, you can use the following syntax:
list.verticalScrollBarProperties.@thumbProperties.defaultSkin = new Image(texture);
Setting properties in a titleFactory
function instead
of using titleProperties
will result in better
performance.
The default value is null
.
public function get titleProperties():Object
public function set titleProperties(value:Object):void
See also
titleStyleName | property |
protected var titleStyleName:String = feathers-header-title
The value added to the styleNameList
of the header's
title text renderer. This variable is protected
so that
sub-classes can customize the title text renderer style name in their
constructors instead of using the default style name defined by
DEFAULT_CHILD_STYLE_NAME_TITLE
.
To customize the title text renderer style name without
subclassing, see customTitleStyleName
.
See also
titleTextRenderer | property |
protected var titleTextRenderer:ITextRenderer
The text renderer for the header's title.
For internal use in subclasses.
See also
Header | () | Constructor |
public function Header()
Constructor.
autoSizeIfNeeded | () | method |
protected function autoSizeIfNeeded():Boolean
If the component's dimensions have not been set explicitly, it will
measure its content and determine an ideal size for itself. If the
explicitWidth
or explicitHeight
member
variables are set, those value will be used without additional
measurement. If one is set, but not the other, the dimension with the
explicit value will not be measured, but the other non-explicit
dimension will still need measurement.
Calls saveMeasurements()
to set up the
actualWidth
and actualHeight
member
variables used for layout.
Meant for internal use, and subclasses may override this function with a custom implementation.
ReturnsBoolean |
createTitle | () | method |
protected function createTitle():void
Creates and adds the titleTextRenderer
sub-component and
removes the old instance, if one exists.
Meant for internal use, and subclasses may override this function with a custom implementation.
See also
DEFAULT_CHILD_STYLE_NAME_ITEM | Constant |
public static const DEFAULT_CHILD_STYLE_NAME_ITEM:String = feathers-header-item
The default value added to the styleNameList
of the header's
items.
See also
DEFAULT_CHILD_STYLE_NAME_TITLE | Constant |
public static const DEFAULT_CHILD_STYLE_NAME_TITLE:String = feathers-header-title
The default value added to the styleNameList
of the
header's title text renderer.
See also