Label styles, LabelBackground

[mggower]

Label styling

export type LabelPosition = 'bottom' | 'left' | 'top' | 'right'

export type LabelBackgroundStyle = {
  color: string
  opacity?: number
  padding?: number | number[]
}

export type LabelStyle = Partial<{
  fontName: string // important for unique bitmap styles
  fontSize: number
  margin: number // distance from node
  wordWrap: number
  letterSpacing: number
  fontFamily: string
  fontWeight: FontWeight
  stroke: Stroke
  color: string
  position: LabelPosition
  background: LabelBackgroundStyle
}>

Label class

• a lot of effort into better aligning BitmapFont's with plain Text styles
• should probably move BitmapFont's into a class and manage with a FontBook class so unused fonts are uninstalled
• decoupled the methods for updating styles and setting the position
  • updating the label text or styles is interfaced via the update method
  • updating the label's position is interfaced via the moveTo method

Label Background class

• is owned by the Label class directly
• also exposes update and moveTo methods
• follows the lifecycle of its Label parent

TODO: write some documentation for the above changes and styling options

_screenshot from examples/native/labels_

[jameslaneconkling]

at some point would be good to align the interface for all the objects. i.e. make sure the rules around what setup work is done in the constructor is consistent, and ditto how update/moveTo and what the rules are on when to invoke them.