Options
All
  • Public
  • Public/Protected
  • All
Menu

Class AbsoluteLayout

A layout that lets you specify exact locations (left/top coordinates) of its children.

Hierarchy

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

_context

_context: any

_cssState

_cssState: any

Private _currentHeightMeasureSpec

_currentHeightMeasureSpec: number

Private _currentWidthMeasureSpec

_currentWidthMeasureSpec: number

Private _defaultPaddingBottom

_defaultPaddingBottom: number

Private _defaultPaddingLeft

_defaultPaddingLeft: number

Private _defaultPaddingRight

_defaultPaddingRight: number

Private _defaultPaddingTop

_defaultPaddingTop: number

_domId

_domId: number

Private _gestureObservers

_gestureObservers: any

_isAddedToNativeVisualTree

_isAddedToNativeVisualTree: boolean

Private _isViewBase

_isViewBase: boolean

Filed to use instead of instanceof ViewBase.

Private _oldBottom

_oldBottom: number

Private _oldLeft

_oldLeft: number

Private _oldRight

_oldRight: number

Private _oldTop

_oldTop: number

_styleScope

_styleScope: any

_suspendNativeUpdatesCount

_suspendNativeUpdatesCount: number

Determines the depth of suspended updates. When the value is 0 the current property updates are not batched nor scoped and must be immediately applied. If the value is 1 or greater, the current updates are batched and does not have to provide immediate update. Do not set this field, the _batchUpdate method is responsible to keep the count up to date, as well as adding/rmoving the view to/from the visual tree.

Private _suspendedUpdates

_suspendedUpdates: object

A property bag holding suspended native updates. Native setters that had to execute while there was no native view, or the view was detached from the visual tree etc. will accumulate in this object, and will be applied when all prerequisites are met.

Type declaration

alignSelf

alignSelf: AlignSelf

android

android: any

Gets the android-specific native instance that lies behind this proxy. Will be available if running on an Android platform.

automationText

automationText: string

Gets or sets the automation text of the view.

backgroundColor

backgroundColor: Color

Gets or sets the background color of the view.

backgroundImage

backgroundImage: string

Gets or sets the background image of the view.

bindingContext

bindingContext: any

Gets or sets the binding context of this instance. This object is used as a source for each Binding that does not have a source object specified.

borderBottomColor

borderBottomColor: Color

Gets or sets the bottom border color of the view.

borderBottomLeftRadius

borderBottomLeftRadius: Length

Gets or sets the bottom left border radius of the view.

borderBottomRightRadius

borderBottomRightRadius: Length

Gets or sets the bottom right border radius of the view.

borderBottomWidth

borderBottomWidth: Length

Gets or sets the bottom border width of the view.

borderColor

borderColor: string | Color

Gets or sets the border color of the view.

borderLeftColor

borderLeftColor: Color

Gets or sets the left border color of the view.

borderLeftWidth

borderLeftWidth: Length

Gets or sets the left border width of the view.

borderRadius

borderRadius: string | Length

Gets or sets the border radius of the view.

borderRightColor

borderRightColor: Color

Gets or sets the right border color of the view.

borderRightWidth

borderRightWidth: Length

Gets or sets the right border width of the view.

borderTopColor

borderTopColor: Color

Gets or sets the top border color of the view.

borderTopLeftRadius

borderTopLeftRadius: Length

Gets or sets the top left border radius of the view.

borderTopRightRadius

borderTopRightRadius: Length

Gets or sets the top right border radius of the view.

borderTopWidth

borderTopWidth: Length

Gets or sets the top border width of the view.

borderWidth

borderWidth: string | Length

Gets or sets the border width of the view.

className

className: string

Gets or sets the CSS class name for this view.

clipToBounds

clipToBounds: boolean

Gets or sets a value indicating whether to clip the content of this layout.

col

col: number

colSpan

colSpan: number

color

color: Color

Gets or sets the color of the view.

cssClasses

cssClasses: Set<string>

cssPseudoClasses

cssPseudoClasses: Set<string>

cssType

cssType: string

Gets the CSS fully qualified type name. Using this as element type should allow for PascalCase and kebap-case selectors, when fully qualified, to match the element.

dock

dock: "left" | "top" | "right" | "bottom"

domNode

domNode: DOMNode

effectiveBorderBottomWidth

effectiveBorderBottomWidth: number

effectiveBorderLeftWidth

effectiveBorderLeftWidth: number

effectiveBorderRightWidth

effectiveBorderRightWidth: number

effectiveBorderTopWidth

effectiveBorderTopWidth: number

effectiveHeight

effectiveHeight: number

effectiveLeft

effectiveLeft: number

effectiveMarginBottom

effectiveMarginBottom: number

effectiveMarginLeft

effectiveMarginLeft: number

effectiveMarginRight

effectiveMarginRight: number

effectiveMarginTop

effectiveMarginTop: number

effectiveMinHeight

effectiveMinHeight: number

effectiveMinWidth

effectiveMinWidth: number

effectivePaddingBottom

effectivePaddingBottom: number

effectivePaddingLeft

effectivePaddingLeft: number

effectivePaddingRight

effectivePaddingRight: number

effectivePaddingTop

effectivePaddingTop: number

effectiveTop

effectiveTop: number

effectiveWidth

effectiveWidth: number

flexGrow

flexGrow: FlexGrow

flexShrink

flexShrink: FlexShrink

flexWrapBefore

flexWrapBefore: FlexWrapBefore

height

Gets or sets the desired height of the view.

horizontalAlignment

horizontalAlignment: HorizontalAlignment

Gets or sets the alignment of this view within its parent along the Horizontal axis.

id

id: string

Gets or sets the id for this view.

inlineStyleSelector

inlineStyleSelector: SelectorCore

Gets or sets inline style selectors for this view.

ios

ios: any

Gets the ios-specific native instance that lies behind this proxy. Will be available if running on an iOS platform.

isCollapsed

isCollapsed: boolean

Returns true if visibility is set to 'collapse'. Readonly property

isEnabled

isEnabled: boolean

Gets or sets a value indicating whether the the view is enabled. This affects the appearance of the view.

Private isLayoutRequired

isLayoutRequired: boolean

isLayoutValid

isLayoutValid: boolean

Gets is layout is valid. This is a read-only property.

isLoaded

isLoaded: boolean

isUserInteractionEnabled

isUserInteractionEnabled: boolean

Gets or sets a value indicating whether the user can interact with the view. This does not affect the appearance of the view.

left

left: Length

margin

margin: string | PercentLength

Gets or sets margin style property.

marginBottom

marginBottom: PercentLength

Specifies extra space on the bottom side of this view.

marginLeft

marginLeft: PercentLength

Specifies extra space on the left side of this view.

marginRight

marginRight: PercentLength

Specifies extra space on the right side of this view.

marginTop

marginTop: PercentLength

Specifies extra space on the top side of this view.

minHeight

minHeight: Length

Gets or sets the minimum height the view may grow to.

minWidth

minWidth: Length

Gets or sets the minimum width the view may grow to.

nativeView

nativeView: any

read-only. If you want to set out-of-band the nativeView use the setNativeView method.

opacity

opacity: number

Gets or sets the opacity style property.

order

order: Order

originX

originX: number

Gets or sets the X component of the origin point around which the view will be transformed. The deafault value is 0.5 representing the center of the view.

originY

originY: number

Gets or sets the Y component of the origin point around which the view will be transformed. The deafault value is 0.5 representing the center of the view.

padding

padding: string | Length

Gets or sets padding style property.

paddingBottom

paddingBottom: Length

Specify the bottom padding of this layout.

paddingLeft

paddingLeft: Length

Specify the left padding of this layout.

paddingRight

paddingRight: Length

Specify the right padding of this layout.

paddingTop

paddingTop: Length

Specify the top padding of this layout.

page

page: Page

Gets owner page. This is a read-only property.

parent

parent: ViewBase

Gets the parent view. This property is read-only.

recycleNativeView

recycleNativeView: boolean

rotate

rotate: number

Gets or sets the rotate affine transform of the view.

row

row: number

rowSpan

rowSpan: number

scaleX

scaleX: number

Gets or sets the scaleX affine transform of the view.

scaleY

scaleY: number

Gets or sets the scaleY affine transform of the view.

style

style: Style

Gets the style object associated to this view.

top

top: Length

translateX

translateX: dip

Gets or sets the translateX affine transform of the view in device independent pixels.

translateY

translateY: dip

Gets or sets the translateY affine transform of the view in device independent pixels.

typeName

typeName: string

Gets the name of the constructor function for this instance. E.g. for a Button class this will return "Button".

verticalAlignment

verticalAlignment: VerticalAlignment

Gets or sets the alignment of this view within its parent along the Vertical axis.

visibility

visibility: Visibility

Gets or sets the visibility of the view.

width

Gets or sets the desired width of the view.

Static loadedEvent

loadedEvent: string

String value used when hooking to loaded event.

Static propertyChangeEvent

propertyChangeEvent: string

String value used when hooking to propertyChange event.

Static unloadedEvent

unloadedEvent: string

String value used when hooking to unloaded event.

Methods

_addView

  • _addView(view: ViewBase, atIndex?: number): void

_addViewCore

  • _addViewCore(view: ViewBase, atIndex?: number): void

_addViewToNativeVisualTree

  • _addViewToNativeVisualTree(view: ViewBase, atIndex?: number): boolean

_applyXmlAttribute

  • _applyXmlAttribute(attribute: string, value: any): boolean

_batchUpdate

  • _batchUpdate<T>(callback: function): T

_cancelAllAnimations

  • _cancelAllAnimations(): any

_childIndexToNativeChildIndex

  • _childIndexToNativeChildIndex(index?: number): number

Private _createPropertyChangeData

_eachLayoutView

  • _eachLayoutView(callback: function): void

Private _emit

  • _emit(eventNames: string): any

Private _getCurrentLayoutBounds

  • _getCurrentLayoutBounds(): object

_getNativeViewsCount

  • _getNativeViewsCount(): number

_getValue

  • _getValue(property: any): never

Private _goToVisualState

  • _goToVisualState(state: string): any

_parentChanged

  • _parentChanged(oldParent: ViewBase): void

Private _redrawNativeBackground

  • _redrawNativeBackground(value: any): void

_registerAnimation

  • _registerAnimation(animation: KeyframeAnimation): any

_registerLayoutChild

  • _registerLayoutChild(child: View): void

_removeView

_removeViewCore

_removeViewFromNativeVisualTree

  • _removeViewFromNativeVisualTree(view: ViewBase): void

Private _setChildMinHeightNative

  • _setChildMinHeightNative(child: View): void

Private _setChildMinWidthNative

  • _setChildMinWidthNative(child: View): void

_setCssState

  • _setCssState(next: any): any

Private _setCurrentLayoutBounds

  • _setCurrentLayoutBounds(left: number, top: number, right: number, bottom: number): void

Private _setCurrentMeasureSpecs

  • _setCurrentMeasureSpecs(widthMeasureSpec: number, heightMeasureSpec: number): boolean

Private _setMinHeightNative

  • _setMinHeightNative(value: Length): void

Private _setMinWidthNative

  • _setMinWidthNative(value: Length): void

Private _setNativeClipToBounds

  • _setNativeClipToBounds(): void

Private _setNativeViewFrame

  • _setNativeViewFrame(nativeView: any, frame: any): void

_setValue

  • _setValue(property: any, value: any): never

_setupUI

  • _setupUI(context: any, atIndex?: number): void
  • Setups the UI for ViewBase and all its children recursively. This method should not be overridden by derived views.

    Parameters

    • context: any
    • Optional atIndex: number

    Returns void

_tearDownUI

  • _tearDownUI(force?: boolean): void

_unregisterAnimation

  • _unregisterAnimation(animation: KeyframeAnimation): any

_unregisterLayoutChild

  • _unregisterLayoutChild(child: View): void

Private _updateEffectiveLayoutValues

  • _updateEffectiveLayoutValues(parent: View): void

Private _updateLayout

  • _updateLayout(): void

Private _updateNativeLayoutParams

  • _updateNativeLayoutParams(child: View): void

addChild

  • addChild(view: View): void

addEventListener

  • addEventListener(eventNames: string, callback: function, thisArg?: any): any
  • Adds a listener for the specified event name.

    Parameters

    • eventNames: string

      Comma delimited names of the events to attach the listener to.

    • callback: function

      A function to be called when some of the specified event(s) is raised.

    • Optional thisArg: any

      An optional parameter which when set will be used as "this" in callback method call.

    Returns any

Protected addPseudoClass

  • addPseudoClass(name: string): void

animate

bind

createAnimation

createNativeView

  • createNativeView(): Object

Protected deletePseudoClass

  • deletePseudoClass(name: string): void

disposeNativeView

  • disposeNativeView(): void

eachChild

  • eachChild(callback: function): void

eachChildView

  • eachChildView(callback: function): void

eachLayoutChild

  • eachLayoutChild(callback: function): void

ensureDomNode

  • ensureDomNode(): any

focus

  • focus(): boolean
  • Tries to focus the view. Returns a value indicating whether this view or one of its descendants actually took focus.

    Returns boolean

get

  • get(name: string): any

getActualSize

  • getActualSize(): Size

getChildAt

  • getChildAt(index: number): View

getChildIndex

  • getChildIndex(child: View): number

getChildrenCount

  • getChildrenCount(): number

getGestureObservers

getLocationInWindow

  • getLocationInWindow(): Point

getLocationOnScreen

  • getLocationOnScreen(): Point

getLocationRelativeTo

  • getLocationRelativeTo(otherView: View): Point

getMeasuredHeight

  • getMeasuredHeight(): number

getMeasuredState

  • getMeasuredState(): number

getMeasuredWidth

  • getMeasuredWidth(): number

getViewById

  • getViewById<T>(id: string): T

hasListeners

  • hasListeners(eventName: string): boolean

initNativeView

  • initNativeView(): void

insertChild

  • insertChild(child: View, atIndex: number): void

layout

  • layout(left: number, top: number, right: number, bottom: number): void
  • Assign a size and position to a view and all of its descendants This is the second phase of the layout mechanism. (The first is measuring). In this phase, each parent calls layout on all of its children to position them. This is typically done using the child measurements that were stored in the measure pass(). Derived classes should not override this method. Derived classes with children should override onLayout. In that method, they should call layout on each of their children.

    Parameters

    • left: number
    • top: number
    • right: number
    • bottom: number

    Returns void

layoutNativeView

  • layoutNativeView(left: number, top: number, right: number, bottom: number): void
  • Called from onLayout when native view position is about to be changed.

    Parameters

    • left: number

      Left position, relative to parent

    • top: number

      Top position, relative to parent

    • right: number

      Right position, relative to parent

    • bottom: number

      Bottom position, relative to parent

    Returns void

measure

  • measure(widthMeasureSpec: number, heightMeasureSpec: number): void
  • This is called to find out how big a view should be. The parent supplies constraint information in the width and height parameters. The actual measurement work of a view is performed in onMeasure(int, int), called by this method. Therefore, only onMeasure(int, int) can and must be overridden by subclasses.

    Parameters

    • widthMeasureSpec: number

      Horizontal space requirements as imposed by the parent

    • heightMeasureSpec: number

      Vertical space requirements as imposed by the parent

    Returns void

notify

  • notify<T>(data: T): void

notifyPropertyChange

  • notifyPropertyChange(propertyName: string, value: any, oldValue?: any): void

observe

  • observe(type: GestureTypes, callback: function, thisArg?: any): any
  • [Deprecated. Please use the on() instead.] Adds a gesture observer.

    Parameters

    • type: GestureTypes

      Type of the gesture.

    • callback: function

      A function that will be executed when gesture is received.

    • Optional thisArg: any

      An optional parameter which will be used as this context for callback execution.

    Returns any

off

  • off(eventNames: string | GestureTypes, callback?: function, thisArg?: any): any
  • Removes listener(s) for the specified event name.

    Parameters

    • eventNames: string | GestureTypes

      Comma delimited names of the events or gesture types the specified listener is associated with.

    • Optional callback: function

      An optional parameter pointing to a specific listener. If not defined, all listeners for the event names will be removed.

    • Optional thisArg: any

      An optional parameter which when set will be used to refine search of the correct callback which will be removed as event listener.

    Returns any

on

  • on(eventNames: string | GestureTypes, callback: function, thisArg?: any): any
  • on(event: "loaded", callback: function, thisArg?: any): any
  • on(event: "unloaded", callback: function, thisArg?: any): any
  • A basic method signature to hook an event listener (shortcut alias to the addEventListener method).

    Parameters

    • eventNames: string | GestureTypes

      String corresponding to events (e.g. "propertyChange"). Optionally could be used more events separated by , (e.g. "propertyChange", "change") or you can use gesture types.

    • callback: function

      Callback function which will be executed when event is raised.

    • Optional thisArg: any

      An optional parameter which will be used as this context for callback execution.

    Returns any

  • Raised when a loaded event occurs.

    Parameters

    • event: "loaded"
    • callback: function
    • Optional thisArg: any

    Returns any

  • Raised when an unloaded event occurs.

    Parameters

    • event: "unloaded"
    • callback: function
    • Optional thisArg: any

    Returns any

onLayout

  • onLayout(left: number, top: number, right: number, bottom: number): void
  • Called from layout when this view should assign a size and position to each of its children. Derived classes with children should override this method and call layout on each of their children.

    Parameters

    • left: number

      Left position, relative to parent

    • top: number

      Top position, relative to parent

    • right: number

      Right position, relative to parent

    • bottom: number

      Bottom position, relative to parent

    Returns void

onLoaded

  • onLoaded(): void

onMeasure

  • onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void
  • Measure the view and its content to determine the measured width and the measured height. This method is invoked by measure(int, int) and should be overriden by subclasses to provide accurate and efficient measurement of their contents. When overriding this method, you must call setMeasuredDimension(int, int) to store the measured width and height of this view. Failure to do so will trigger an exception, thrown by measure(int, int).

    Parameters

    • widthMeasureSpec: number

      horizontal space requirements as imposed by the parent. The requirements are encoded with View.MeasureSpec.

    • heightMeasureSpec: number

      vertical space requirements as imposed by the parent. The requirements are encoded with View.MeasureSpec.

    Returns void

onResumeNativeUpdates

  • onResumeNativeUpdates(): void

onUnloaded

  • onUnloaded(): void

removeChild

  • removeChild(view: View): void

removeChildren

  • removeChildren(): void

removeEventListener

  • removeEventListener(eventNames: string, callback?: any, thisArg?: any): any
  • Removes listener(s) for the specified event name.

    Parameters

    • eventNames: string

      Comma delimited names of the events the specified listener is associated with.

    • Optional callback: any

      An optional parameter pointing to a specific listener. If not defined, all listeners for the event names will be removed.

    • Optional thisArg: any

      An optional parameter which when set will be used to refine search of the correct callback which will be removed as event listener.

    Returns any

requestLayout

  • requestLayout(): void

resetNativeView

  • resetNativeView(): void

set

  • set(name: string, value: any): void

setInlineStyle

  • setInlineStyle(style: string): void

setMeasuredDimension

  • setMeasuredDimension(measuredWidth: number, measuredHeight: number): void
  • This method must be called by onMeasure(int, int) to store the measured width and measured height. Failing to do so will trigger an exception at measurement time.

    Parameters

    • measuredWidth: number

      The measured width of this view. May be a complex bit mask as defined by MEASURED_SIZE_MASK and MEASURED_STATE_TOO_SMALL.

    • measuredHeight: number

      The measured height of this view. May be a complex bit mask as defined by MEASURED_SIZE_MASK and MEASURED_STATE_TOO_SMALL.

    Returns void

setNativeView

  • setNativeView(view: any): void
  • Set the nativeView field performing extra checks and updates to the native properties on the new view. Use in cases where the createNativeView is not suitable. As an example use in item controls where the native parent view will create the native views for child items.

    Parameters

    • view: any

    Returns void

unbind

  • unbind(property: string): void

Static combineMeasuredStates

  • combineMeasuredStates(curState: number, newState: any): number

Static getLeft

Static getTop

Static layoutChild

  • layoutChild(parent: View, child: View, left: number, top: number, right: number, bottom: number): void
  • Layout a child by taking into account its margins, horizontal and vertical alignments and a given bounds.

    Parameters

    • parent: View

      This parameter is not used. You can pass null.

    • child: View
    • left: number

      Left position, relative to parent

    • top: number

      Top position, relative to parent

    • right: number

      Right position, relative to parent

    • bottom: number

      Bottom position, relative to parent

    Returns void

Static measureChild

  • measureChild(parent: View, child: View, widthMeasureSpec: number, heightMeasureSpec: number): object
  • Measure a child by taking into account its margins and a given measureSpecs.

    Parameters

    • parent: View

      This parameter is not used. You can pass null.

    • child: View

      The view to be measured.

    • widthMeasureSpec: number
    • heightMeasureSpec: number

    Returns object

    • measuredHeight: number

      The measured height that the parent layout specifies for this view.

    • measuredWidth: number

      The measured width that the parent layout specifies for this view.

Static resolveSizeAndState

  • resolveSizeAndState(size: number, specSize: number, specMode: number, childMeasuredState: number): number
  • Utility to reconcile a desired size and state, with constraints imposed by a MeasureSpec. Will take the desired size, unless a different size is imposed by the constraints. The returned value is a compound integer, with the resolved size in the {@link #MEASURED_SIZE_MASK} bits and optionally the bit {@link #MEASURED_STATE_TOO_SMALL} set if the resulting size is smaller than the size the view wants to be.

    Parameters

    • size: number
    • specSize: number
    • specMode: number
    • childMeasuredState: number

    Returns number

Static setLeft

Static setTop

Legend

  • Module
  • Object literal
  • Variable
  • Function
  • Function with type parameter
  • Index signature
  • Type alias
  • Enumeration
  • Enumeration member
  • Property
  • Method
  • Interface
  • Interface with type parameter
  • Constructor
  • Property
  • Method
  • Index signature
  • Class
  • Class with type parameter
  • Constructor
  • Property
  • Method
  • Accessor
  • Index signature
  • Inherited constructor
  • Inherited property
  • Inherited method
  • Inherited accessor
  • Protected property
  • Protected method
  • Protected accessor
  • Private property
  • Private method
  • Private accessor
  • Static property
  • Static method