Table of Contents

• quark/view
  • Enum: ViewType
    • ViewType
  • Interface: DOM
    • DOM
    • dom.ref
    • dom.metaView
    • dom.appendTo(parent)
    • dom.afterTo(prev)
    • dom.destroy(owner)
  • ChildDOM
  • Class: View
    • View
    • view.childDoms
    • view.onClick
    • view.onBack
    • view.onKeyDown
    • view.onKeyPress
    • view.onKeyUp
    • view.onKeyEnter
    • view.onTouchStart
    • view.onTouchMove
    • view.onTouchEnd
    • view.onTouchCancel
    • view.onMouseOver
    • view.onMouseOut
    • view.onMouseLeave
    • view.onMouseEnter
    • view.onMouseMove
    • view.onMouseDown
    • view.onMouseUp
    • view.onMouseWheel
    • view.onFocus
    • view.onBlur
    • view.onHighlighted
    • view.onActionKeyframe
    • view.onActionLoop
    • view.cssclass
    • view.parent
    • view.prev
    • view.next
    • view.first
    • view.last
    • view.window
    • view.matrix
    • view.level
    • view.layoutWeight
    • view.layoutAlign
    • view.isClip
    • view.viewType
    • view.position
    • view.layoutOffset
    • view.layoutSize
    • view.center
    • view.metaView
    • view.visibleRegion
    • view.ref
    • view.style
    • view.action
    • view.class
    • view.opacity
    • view.cursor
    • view.visible
    • view.receive
    • view.isFocus
    • view.focus()
    • view.show()
    • view.hide()
    • view.isSelfChild(child)
    • view.before(view)
    • view.after(view)
    • view.prepend(view)
    • view.append(view)
    • view.remove()
    • view.removeAllChild()
    • view.overlapTest(point)
    • view.hashCode()
    • view.appendTo(parent)
    • view.afterTo(prev)
    • view.destroy(owner)
    • view.transition(to,from?,cb?)
    • view.constructor(win)
  • Class: Box
    • Box
    • box.clip
    • box.align
    • box.width
    • box.height
    • box.minWidth
    • box.minHeight
    • box.maxWidth
    • box.maxHeight
    • box.margin
    • box.marginTop
    • box.marginRight
    • box.marginBottom
    • box.marginLeft
    • box.padding
    • box.paddingTop
    • box.paddingRight
    • box.paddingBottom
    • box.paddingLeft
    • box.borderRadius
    • box.borderRadiusLeftTop
    • box.borderRadiusRightTop
    • box.borderRadiusRightBottom
    • box.borderRadiusLeftBottom
    • box.border
    • box.borderTop
    • box.borderRight
    • box.borderBottom
    • box.borderLeft
    • box.borderWidth
    • box.borderColor
    • box.borderWidthTop
    • box.borderWidthRight
    • box.borderWidthBottom
    • box.borderWidthLeft
    • box.borderColorTop
    • box.borderColorRight
    • box.borderColorBottom
    • box.borderColorLeft
    • box.backgroundColor
    • box.background
    • box.boxShadow
    • box.weight
    • box.contentSize
    • box.clientSize
  • Class: Flex
    • Flex
    • flex.direction
    • flex.itemsAlign
    • flex.crossAlign
  • Class: Flow
    • Flow
    • flow.wrap
    • flow.wrapAlign
  • Class: Free
    • Free
  • Class: Image
    • Image
    • image.onLoad
    • image.onError
    • image.src
  • Class: Matrix
    • Matrix
    • matrix.translate
    • matrix.scale
    • matrix.skew
    • matrix.rotateZ
    • matrix.originX
    • matrix.originY
    • matrix.originValue
    • matrix.x
    • matrix.y
    • matrix.scaleX
    • matrix.scaleY
    • matrix.skewX
    • matrix.skewY
    • matrix.origin
    • matrix.mat
  • Class: Root
    • Root
  • Interface: TextOptions
    • TextOptions
    • textoptions.fontStyle
    • textoptions.textAlign
    • textoptions.textWeight
    • textoptions.textSlant
    • textoptions.textDecoration
    • textoptions.textOverflow
    • textoptions.textWhiteSpace
    • textoptions.textWordBreak
    • textoptions.textSize
    • textoptions.textBackgroundColor
    • textoptions.textColor
    • textoptions.textLineHeight
    • textoptions.textShadow
    • textoptions.textFamily
    • textoptions.computeLayoutSize(text)
  • Class: Text
    • Text
    • text.value
  • Class: Button
    • Button
    • button.nextButton(dir)
  • Class: Label
    • Label
    • label.value
  • Class: Label
    • Label
    • label.onChange
    • label.security
    • label.readonly
    • label.type
    • label.returnType
    • label.placeholderColor
    • label.cursorColor
    • label.maxLength
    • label.value
    • label.placeholder
    • label.textLength
  • Interface: ScrollBase
    • ScrollBase
    • scrollbase.scrollbar
    • scrollbase.bounce
    • scrollbase.bounceLock
    • scrollbase.momentum
    • scrollbase.lockDirection
    • scrollbase.scrollX
    • scrollbase.scrollY
    • scrollbase.scroll
    • scrollbase.resistance
    • scrollbase.catchPositionX
    • scrollbase.catchPositionY
    • scrollbase.scrollbarColor
    • scrollbase.scrollbarWidth
    • scrollbase.scrollbarMargin
    • scrollbase.scrollDuration
    • scrollbase.defaultCurve
    • scrollbase.scrollbarH
    • scrollbase.scrollbarV
    • scrollbase.scrollSize
    • scrollbase.scrollTo(val,duration?,curve?)
    • scrollbase.terminate()
  • Class: Textarea
    • Textarea
    • textarea.onScroll
  • Class: Scroll
    • Scroll
    • scroll.onScroll
  • Class: Video
    • Video
    • video.onStop
    • video.onBuffering

quark/view #

Enum: ViewType #

ViewType #

• View
• Label
• Box
• Flex
• Flow
• Free
• Image
• Video
• Input
• Textarea
• Scroll
• Text
• Button
• Matrix
• Root
• Enum_Counts

Interface: DOM #

DOM #

dom.ref #

• @get ref: string

dom.metaView #

• @get metaView: View mount point for view controller

dom.appendTo(parent) #

• @param parent: View
• @return View

dom.afterTo(prev) #

• @param prev: View
• @return View

dom.destroy(owner) #

destroy from owner

• @param owner: ViewController
• @return void

ChildDOM #

• @type ChildDOM = DOM|null

Class: View #

View #

• @extends Notification<UIEvent>
• @implements DOM

view.childDoms #

JSX system specific

• @get childDoms: ChildDOM[]

view.onClick #

• @event onClick: EventNoticer<ClickEvent>

view.onBack #

• @event onBack: EventNoticer<ClickEvent>

view.onKeyDown #

• @event onKeyDown: EventNoticer<KeyEvent>

view.onKeyPress #

• @event onKeyPress: EventNoticer<KeyEvent>

view.onKeyUp #

• @event onKeyUp: EventNoticer<KeyEvent>

view.onKeyEnter #

• @event onKeyEnter: EventNoticer<KeyEvent>

view.onTouchStart #

• @event onTouchStart: EventNoticer<TouchEvent>

view.onTouchMove #

• @event onTouchMove: EventNoticer<TouchEvent>

view.onTouchEnd #

• @event onTouchEnd: EventNoticer<TouchEvent>

view.onTouchCancel #

• @event onTouchCancel: EventNoticer<TouchEvent>

view.onMouseOver #

• @event onMouseOver: EventNoticer<MouseEvent>

view.onMouseOut #

• @event onMouseOut: EventNoticer<MouseEvent>

view.onMouseLeave #

• @event onMouseLeave: EventNoticer<MouseEvent>

view.onMouseEnter #

• @event onMouseEnter: EventNoticer<MouseEvent>

view.onMouseMove #

• @event onMouseMove: EventNoticer<MouseEvent>

view.onMouseDown #

• @event onMouseDown: EventNoticer<MouseEvent>

view.onMouseUp #

• @event onMouseUp: EventNoticer<MouseEvent>

view.onMouseWheel #

• @event onMouseWheel: EventNoticer<MouseEvent>

view.onFocus #

• @event onFocus: EventNoticer<UIEvent>

view.onBlur #

• @event onBlur: EventNoticer<UIEvent>

view.onHighlighted #

• @event onHighlighted: EventNoticer<HighlightedEvent>

view.onActionKeyframe #

• @event onActionKeyframe: EventNoticer<ActionEvent>

view.onActionLoop #

• @event onActionLoop: EventNoticer<ActionEvent>

view.cssclass #

• @get cssclass: CStyleSheetsClass

view.parent #

• @get parent: View|null

view.prev #

• @get prev: View|null

view.next #

• @get next: View|null

view.first #

• @get first: View|null

view.last #

• @get last: View|null

view.window #

• @get window: Window

view.matrix #

• @get matrix: Matrix|null top matrix view

view.level #

• @get level: number

view.layoutWeight #

• @get layoutWeight: types.Vec2

view.layoutAlign #

• @get layoutAlign: types.Align

view.isClip #

• @get isClip: boolean

view.viewType #

• @get viewType: ViewType

view.position #

• @get position: types.Vec2 @safe Rt

view.layoutOffset #

• @get layoutOffset: types.Vec2 @safe Rt

view.layoutSize #

• @get layoutSize: types.Vec2 @safe Rt

view.center #

• @get center: types.Vec2 @safe Rt

view.metaView #

• @get metaView: View

view.visibleRegion #

• @get visibleRegion: boolean

view.ref #

• @get ref: string

view.style #

• style: StyleSheet

view.action #

• action: Action|null

view.class #

• class: string[] settingonly method, cssclass.set()

view.opacity #

• opacity: number

view.cursor #

• cursor: types.CursorStyle

view.visible #

• visible: boolean

view.receive #

• receive: boolean

view.isFocus #

• isFocus: boolean

view.focus() #

• @return boolean

view.show() #

Set visible = true

• @return void

view.hide() #

Set visible = false

• @return void

view.isSelfChild(child) #

• @param child: View
• @return boolean

view.before(view) #

• @param view: View
• @return void

view.after(view) #

• @param view: View
• @return void

view.prepend(view) #

• @param view: View
• @return void

view.append(view) #

• @param view: View
• @return void

view.remove() #

• @return void

view.removeAllChild() #

• @return void

view.overlapTest(point) #

• @param point: types.Vec2
• @return boolean

view.hashCode() #

• @return Int

view.appendTo(parent) #

• @param parent: View
• @return this

view.afterTo(prev) #

• @param prev: View
• @return this

view.destroy(owner) #

• @param owner: ViewController
• @return void

view.transition(to,from?,cb?) #

• @param to: KeyframeIn
• @param from?: KeyframeIn|ActionCb
• @param cb?: ActionCb
• @return KeyframeAction

view.constructor(win) #

• @param win: Window

Class: Box #

Box #

• @extends View

box.clip #

• clip: boolean

box.align #

• align: types.Align

box.width #

• width: types.BoxSize

box.height #

• height: types.BoxSize

box.minWidth #

• minWidth: types.BoxSize

box.minHeight #

• minHeight: types.BoxSize

box.maxWidth #

• maxWidth: types.BoxSize

box.maxHeight #

• maxHeight: types.BoxSize

box.margin #

• margin: number[]

box.marginTop #

• marginTop: number

box.marginRight #

• marginRight: number

box.marginBottom #

• marginBottom: number

box.marginLeft #

• marginLeft: number

box.padding #

• padding: number[]

box.paddingTop #

• paddingTop: number

box.paddingRight #

• paddingRight: number

box.paddingBottom #

• paddingBottom: number

box.paddingLeft #

• paddingLeft: number

box.borderRadius #

• borderRadius: number[]

box.borderRadiusLeftTop #

• borderRadiusLeftTop: number

box.borderRadiusRightTop #

• borderRadiusRightTop: number

box.borderRadiusRightBottom #

• borderRadiusRightBottom: number

box.borderRadiusLeftBottom #

• borderRadiusLeftBottom: number

box.border #

• border: types.BoxBorder[]

box.borderTop #

• borderTop: types.BoxBorder

box.borderRight #

• borderRight: types.BoxBorder

box.borderBottom #

• borderBottom: types.BoxBorder

box.borderLeft #

• borderLeft: types.BoxBorder

box.borderWidth #

• borderWidth: number[]

box.borderColor #

• borderColor: types.Color[]

box.borderWidthTop #

• borderWidthTop: number

box.borderWidthRight #

• borderWidthRight: number

box.borderWidthBottom #

• borderWidthBottom: number

box.borderWidthLeft #

• borderWidthLeft: number

box.borderColorTop #

• borderColorTop: types.Color

box.borderColorRight #

• borderColorRight: types.Color

box.borderColorBottom #

• borderColorBottom: types.Color

box.borderColorLeft #

• borderColorLeft: types.Color

box.backgroundColor #

• backgroundColor: types.Color

box.background #

• background: types.BoxFilter|null

box.boxShadow #

• boxShadow: types.BoxShadow|null

box.weight #

• weight: types.Vec2

box.contentSize #

• @get contentSize: types.Vec2 width,height, no include padding

box.clientSize #

• @get clientSize: types.Vec2 border + padding + content

Class: Flex #

Flex #

• @extends Box

flex.direction #

• direction: types.Direction

flex.itemsAlign #

• itemsAlign: types.ItemsAlign

flex.crossAlign #

• crossAlign: types.CrossAlign

Class: Flow #

Flow #

• @extends Flex

flow.wrap #

• wrap: types.Wrap

flow.wrapAlign #

• wrapAlign: types.WrapAlign

Class: Free #

Free #

• @extends Box

Class: Image #

Image #

• @extends Box

image.onLoad #

• @event onLoad: EventNoticer<UIEvent>

image.onError #

• @event onError: EventNoticer<UIEvent>

image.src #

• src: string

Class: Matrix #

Matrix #

• @extends Box

matrix.translate #

• translate: types.Vec2

matrix.scale #

• scale: types.Vec2

matrix.skew #

• skew: types.Vec2

matrix.rotateZ #

• rotateZ: number

matrix.originX #

• originX: types.BoxOrigin

matrix.originY #

• originY: types.BoxOrigin

matrix.originValue #

• @get originValue: types.Vec2

matrix.x #

• x: number

matrix.y #

• y: number

matrix.scaleX #

• scaleX: number

matrix.scaleY #

• scaleY: number

matrix.skewX #

• skewX: number

matrix.skewY #

• skewY: number

matrix.origin #

• origin: types.BoxOrigin[]

matrix.mat #

• @get mat: types.Mat

Class: Root #

Root #

• @extends Matrix

Interface: TextOptions #

TextOptions #

textoptions.fontStyle #

• @get fontStyle: number

textoptions.textAlign #

• textAlign: types.TextAlign

textoptions.textWeight #

• textWeight: types.TextWeight

textoptions.textSlant #

• textSlant: types.TextSlant

textoptions.textDecoration #

• textDecoration: types.TextDecoration

textoptions.textOverflow #

• textOverflow: types.TextOverflow

textoptions.textWhiteSpace #

• textWhiteSpace: types.TextWhiteSpace

textoptions.textWordBreak #

• textWordBreak: types.TextWordBreak

textoptions.textSize #

• textSize: types.TextSize

textoptions.textBackgroundColor #

• textBackgroundColor: types.TextColor

textoptions.textColor #

• textColor: types.TextColor

textoptions.textLineHeight #

• textLineHeight: types.TextSize

textoptions.textShadow #

• textShadow: types.TextShadow

textoptions.textFamily #

• textFamily: types.TextFamily

textoptions.computeLayoutSize(text) #

• @param text: string
• @return types.Vec2

Class: Text #

Text #

• @extends Box
• @implements TextOptions

text.value #

• value: string

Class: Button #

Button #

• @extends Text

button.nextButton(dir) #

• @param dir: types.FindDirection
• @return Button|null

Class: Label #

Label #

• @extends View
• @implements TextOptions

label.value #

• value: string

Class: Label #

Label #

• @extends Box
• @implements TextOptions

label.onChange #

• @event onChange: EventNoticer<UIEvent>

label.security #

• security: boolean input

label.readonly #

• readonly: boolean

label.type #

• type: types.KeyboardType

label.returnType #

• returnType: types.KeyboardReturnType

label.placeholderColor #

• placeholderColor: types.Color

label.cursorColor #

• cursorColor: types.Color

label.maxLength #

• maxLength: number

label.value #

• value: string

label.placeholder #

• placeholder: string

label.textLength #

• @get textLength: number

Interface: ScrollBase #

ScrollBase #

scrollbase.scrollbar #

• scrollbar: boolean

scrollbase.bounce #

• bounce: boolean

scrollbase.bounceLock #

• bounceLock: boolean

scrollbase.momentum #

• momentum: boolean

scrollbase.lockDirection #

• lockDirection: boolean

scrollbase.scrollX #

• scrollX: number

scrollbase.scrollY #

• scrollY: number

scrollbase.scroll #

• scroll: types.Vec2

scrollbase.resistance #

• resistance: number

scrollbase.catchPositionX #

• catchPositionX: number

scrollbase.catchPositionY #

• catchPositionY: number

scrollbase.scrollbarColor #

• scrollbarColor: types.Color

scrollbase.scrollbarWidth #

• scrollbarWidth: number

scrollbase.scrollbarMargin #

• scrollbarMargin: number

scrollbase.scrollDuration #

• scrollDuration: number

scrollbase.defaultCurve #

• defaultCurve: types.Curve

scrollbase.scrollbarH #

• @get scrollbarH: boolean

scrollbase.scrollbarV #

• @get scrollbarV: boolean

scrollbase.scrollSize #

• @get scrollSize: types.Vec2

scrollbase.scrollTo(val,duration?,curve?) #

• @param val: types.Vec2
• @param duration?: number
• @param curve?: types.Curve
• @return void

scrollbase.terminate() #

• @return void

Class: Textarea #

Textarea #

• @extends Input
• @implements ScrollBase

textarea.onScroll #

• @event onScroll: EventNoticer<UIEvent>

Class: Scroll #

Scroll #

• @extends Box
• @implements ScrollBase

scroll.onScroll #

• @event onScroll: EventNoticer<UIEvent>

Class: Video #

Video #

• @extends Image
• @implements Player

video.onStop #

• @event onStop: EventNoticer<UIEvent>

video.onBuffering #

• @event onBuffering: EventNoticer<UIEvent>