babylon.gui.module.d.ts 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718
  1. /// <reference types="babylonjs"/>
  2. declare module 'babylonjs-gui' {
  3. export = BABYLON.GUI;
  4. }
  5. declare module BABYLON.GUI {
  6. interface IFocusableControl {
  7. onFocus(): void;
  8. onBlur(): void;
  9. processKeyboard(evt: KeyboardEvent): void;
  10. }
  11. class AdvancedDynamicTexture extends DynamicTexture {
  12. private _isDirty;
  13. private _renderObserver;
  14. private _resizeObserver;
  15. private _preKeyboardObserver;
  16. private _pointerMoveObserver;
  17. private _pointerObserver;
  18. private _canvasPointerOutObserver;
  19. private _background;
  20. _rootContainer: Container;
  21. _lastPickedControl: Control;
  22. _lastControlOver: Control;
  23. _lastControlDown: Control;
  24. _capturingControl: Control;
  25. _shouldBlockPointer: boolean;
  26. _layerToDispose: Layer;
  27. _linkedControls: Control[];
  28. private _isFullscreen;
  29. private _fullscreenViewport;
  30. private _idealWidth;
  31. private _idealHeight;
  32. private _renderAtIdealSize;
  33. private _focusedControl;
  34. private _blockNextFocusCheck;
  35. background: string;
  36. idealWidth: number;
  37. idealHeight: number;
  38. renderAtIdealSize: boolean;
  39. readonly layer: Layer;
  40. readonly rootContainer: Container;
  41. focusedControl: IFocusableControl;
  42. constructor(name: string, width: number | undefined, height: number | undefined, scene: Scene, generateMipMaps?: boolean, samplingMode?: number);
  43. executeOnAllControls(func: (control: Control) => void, container?: Container): void;
  44. markAsDirty(): void;
  45. addControl(control: Control): AdvancedDynamicTexture;
  46. removeControl(control: Control): AdvancedDynamicTexture;
  47. dispose(): void;
  48. private _onResize();
  49. _getGlobalViewport(scene: Scene): Viewport;
  50. private _checkUpdate(camera);
  51. private _render();
  52. private _doPicking(x, y, type, buttonIndex);
  53. attach(): void;
  54. attachToMesh(mesh: AbstractMesh, supportPointerMove?: boolean): void;
  55. moveFocusToControl(control: IFocusableControl): void;
  56. private _manageFocus();
  57. private _attachToOnPointerOut(scene);
  58. static CreateForMesh(mesh: AbstractMesh, width?: number, height?: number, supportPointerMove?: boolean): AdvancedDynamicTexture;
  59. static CreateFullscreenUI(name: string, foreground?: boolean, scene?: Scene): AdvancedDynamicTexture;
  60. }
  61. }
  62. declare module BABYLON.GUI {
  63. class Measure {
  64. left: number;
  65. top: number;
  66. width: number;
  67. height: number;
  68. constructor(left: number, top: number, width: number, height: number);
  69. copyFrom(other: Measure): void;
  70. isEqualsTo(other: Measure): boolean;
  71. static Empty(): Measure;
  72. }
  73. }
  74. declare module BABYLON.GUI {
  75. class Vector2WithInfo extends Vector2 {
  76. buttonIndex: number;
  77. constructor(source: Vector2, buttonIndex?: number);
  78. }
  79. class Matrix2D {
  80. m: Float32Array;
  81. constructor(m00: number, m01: number, m10: number, m11: number, m20: number, m21: number);
  82. fromValues(m00: number, m01: number, m10: number, m11: number, m20: number, m21: number): Matrix2D;
  83. determinant(): number;
  84. invertToRef(result: Matrix2D): Matrix2D;
  85. multiplyToRef(other: Matrix2D, result: Matrix2D): Matrix2D;
  86. transformCoordinates(x: number, y: number, result: Vector2): Matrix2D;
  87. static Identity(): Matrix2D;
  88. static TranslationToRef(x: number, y: number, result: Matrix2D): void;
  89. static ScalingToRef(x: number, y: number, result: Matrix2D): void;
  90. static RotationToRef(angle: number, result: Matrix2D): void;
  91. private static _TempPreTranslationMatrix;
  92. private static _TempPostTranslationMatrix;
  93. private static _TempRotationMatrix;
  94. private static _TempScalingMatrix;
  95. private static _TempCompose0;
  96. private static _TempCompose1;
  97. private static _TempCompose2;
  98. static ComposeToRef(tx: number, ty: number, angle: number, scaleX: number, scaleY: number, parentMatrix: Matrix2D, result: Matrix2D): void;
  99. }
  100. }
  101. declare module BABYLON.GUI {
  102. class ValueAndUnit {
  103. unit: number;
  104. negativeValueAllowed: boolean;
  105. private _value;
  106. ignoreAdaptiveScaling: boolean;
  107. constructor(value: number, unit?: number, negativeValueAllowed?: boolean);
  108. readonly isPercentage: boolean;
  109. readonly isPixel: boolean;
  110. readonly internalValue: number;
  111. getValueInPixel(host: AdvancedDynamicTexture, refValue: number): number;
  112. getValue(host: AdvancedDynamicTexture): number;
  113. toString(host: AdvancedDynamicTexture): string;
  114. fromString(source: string | number): boolean;
  115. private static _Regex;
  116. private static _UNITMODE_PERCENTAGE;
  117. private static _UNITMODE_PIXEL;
  118. static readonly UNITMODE_PERCENTAGE: number;
  119. static readonly UNITMODE_PIXEL: number;
  120. }
  121. }
  122. declare module BABYLON.GUI {
  123. class Control {
  124. name: string | undefined;
  125. private _alpha;
  126. private _alphaSet;
  127. private _zIndex;
  128. _root: Container;
  129. _host: AdvancedDynamicTexture;
  130. parent: Container;
  131. _currentMeasure: Measure;
  132. private _fontFamily;
  133. private _fontStyle;
  134. private _fontSize;
  135. private _font;
  136. _width: ValueAndUnit;
  137. _height: ValueAndUnit;
  138. protected _fontOffset: {
  139. ascent: number;
  140. height: number;
  141. descent: number;
  142. };
  143. private _color;
  144. protected _horizontalAlignment: number;
  145. protected _verticalAlignment: number;
  146. private _isDirty;
  147. protected _cachedParentMeasure: Measure;
  148. private _paddingLeft;
  149. private _paddingRight;
  150. private _paddingTop;
  151. private _paddingBottom;
  152. _left: ValueAndUnit;
  153. _top: ValueAndUnit;
  154. private _scaleX;
  155. private _scaleY;
  156. private _rotation;
  157. private _transformCenterX;
  158. private _transformCenterY;
  159. private _transformMatrix;
  160. private _invertTransformMatrix;
  161. private _transformedPosition;
  162. private _isMatrixDirty;
  163. private _cachedOffsetX;
  164. private _cachedOffsetY;
  165. private _isVisible;
  166. _linkedMesh: AbstractMesh;
  167. private _fontSet;
  168. private _dummyVector2;
  169. private _downCount;
  170. private _enterCount;
  171. private _doNotRender;
  172. isHitTestVisible: boolean;
  173. isPointerBlocker: boolean;
  174. isFocusInvisible: boolean;
  175. protected _linkOffsetX: ValueAndUnit;
  176. protected _linkOffsetY: ValueAndUnit;
  177. readonly typeName: string;
  178. /**
  179. * An event triggered when the pointer move over the control.
  180. * @type {BABYLON.Observable}
  181. */
  182. onPointerMoveObservable: Observable<Vector2>;
  183. /**
  184. * An event triggered when the pointer move out of the control.
  185. * @type {BABYLON.Observable}
  186. */
  187. onPointerOutObservable: Observable<Control>;
  188. /**
  189. * An event triggered when the pointer taps the control
  190. * @type {BABYLON.Observable}
  191. */
  192. onPointerDownObservable: Observable<Vector2WithInfo>;
  193. /**
  194. * An event triggered when pointer up
  195. * @type {BABYLON.Observable}
  196. */
  197. onPointerUpObservable: Observable<Vector2WithInfo>;
  198. /**
  199. * An event triggered when pointer enters the control
  200. * @type {BABYLON.Observable}
  201. */
  202. onPointerEnterObservable: Observable<Control>;
  203. /**
  204. * An event triggered when the control is marked as dirty
  205. * @type {BABYLON.Observable}
  206. */
  207. onDirtyObservable: Observable<Control>;
  208. /**
  209. * An event triggered after the control is drawn
  210. * @type {BABYLON.Observable}
  211. */
  212. onAfterDrawObservable: Observable<Control>;
  213. alpha: number;
  214. scaleX: number;
  215. scaleY: number;
  216. rotation: number;
  217. transformCenterY: number;
  218. transformCenterX: number;
  219. horizontalAlignment: number;
  220. verticalAlignment: number;
  221. width: string | number;
  222. readonly widthInPixels: number;
  223. height: string | number;
  224. readonly heightInPixels: number;
  225. fontFamily: string;
  226. fontStyle: string;
  227. readonly fontSizeInPixels: number;
  228. fontSize: string | number;
  229. color: string;
  230. zIndex: number;
  231. notRenderable: boolean;
  232. isVisible: boolean;
  233. readonly isDirty: boolean;
  234. paddingLeft: string | number;
  235. readonly paddingLeftInPixels: number;
  236. paddingRight: string | number;
  237. readonly paddingRightInPixels: number;
  238. paddingTop: string | number;
  239. readonly paddingTopInPixels: number;
  240. paddingBottom: string | number;
  241. readonly paddingBottomInPixels: number;
  242. left: string | number;
  243. readonly leftInPixels: number;
  244. top: string | number;
  245. readonly topInPixels: number;
  246. linkOffsetX: string | number;
  247. readonly linkOffsetXInPixels: number;
  248. linkOffsetY: string | number;
  249. readonly linkOffsetYInPixels: number;
  250. readonly centerX: number;
  251. readonly centerY: number;
  252. constructor(name?: string | undefined);
  253. protected _getTypeName(): string;
  254. getLocalCoordinates(globalCoordinates: Vector2): Vector2;
  255. getLocalCoordinatesToRef(globalCoordinates: Vector2, result: Vector2): Control;
  256. getParentLocalCoordinates(globalCoordinates: Vector2): Vector2;
  257. moveToVector3(position: Vector3, scene: Scene): void;
  258. linkWithMesh(mesh: AbstractMesh): void;
  259. _moveToProjectedPosition(projectedPosition: Vector3): void;
  260. _markMatrixAsDirty(): void;
  261. _markAsDirty(): void;
  262. _markAllAsDirty(): void;
  263. _link(root: Container, host: AdvancedDynamicTexture): void;
  264. protected _transform(context: CanvasRenderingContext2D): void;
  265. protected _applyStates(context: CanvasRenderingContext2D): void;
  266. protected _processMeasures(parentMeasure: Measure, context: CanvasRenderingContext2D): boolean;
  267. protected _clip(context: CanvasRenderingContext2D): void;
  268. _measure(): void;
  269. protected _computeAlignment(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  270. protected _preMeasure(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  271. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  272. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  273. contains(x: number, y: number): boolean;
  274. _processPicking(x: number, y: number, type: number, buttonIndex: number): boolean;
  275. _onPointerMove(target: Control, coordinates: Vector2): void;
  276. _onPointerEnter(target: Control): boolean;
  277. _onPointerOut(target: Control): void;
  278. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  279. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  280. forcePointerUp(): void;
  281. _processObservables(type: number, x: number, y: number, buttonIndex: number): boolean;
  282. private _prepareFont();
  283. dispose(): void;
  284. private static _HORIZONTAL_ALIGNMENT_LEFT;
  285. private static _HORIZONTAL_ALIGNMENT_RIGHT;
  286. private static _HORIZONTAL_ALIGNMENT_CENTER;
  287. private static _VERTICAL_ALIGNMENT_TOP;
  288. private static _VERTICAL_ALIGNMENT_BOTTOM;
  289. private static _VERTICAL_ALIGNMENT_CENTER;
  290. static readonly HORIZONTAL_ALIGNMENT_LEFT: number;
  291. static readonly HORIZONTAL_ALIGNMENT_RIGHT: number;
  292. static readonly HORIZONTAL_ALIGNMENT_CENTER: number;
  293. static readonly VERTICAL_ALIGNMENT_TOP: number;
  294. static readonly VERTICAL_ALIGNMENT_BOTTOM: number;
  295. static readonly VERTICAL_ALIGNMENT_CENTER: number;
  296. private static _FontHeightSizes;
  297. static _GetFontOffset(font: string): {
  298. ascent: number;
  299. height: number;
  300. descent: number;
  301. };
  302. static AddHeader(control: Control, text: string, size: string | number, options: {
  303. isHorizontal: boolean;
  304. controlFirst: boolean;
  305. }): StackPanel;
  306. protected static drawEllipse(x: number, y: number, width: number, height: number, context: CanvasRenderingContext2D): void;
  307. }
  308. }
  309. declare module BABYLON.GUI {
  310. class Container extends Control {
  311. name: string | undefined;
  312. protected _children: Control[];
  313. protected _measureForChildren: Measure;
  314. protected _background: string;
  315. background: string;
  316. readonly children: Control[];
  317. constructor(name?: string | undefined);
  318. protected _getTypeName(): string;
  319. getChildByName(name: string): Control;
  320. getChildByType(name: string, type: string): Control;
  321. containsControl(control: Control): boolean;
  322. addControl(control: Control): Container;
  323. removeControl(control: Control): Container;
  324. _reOrderControl(control: Control): void;
  325. _markMatrixAsDirty(): void;
  326. _markAllAsDirty(): void;
  327. protected _localDraw(context: CanvasRenderingContext2D): void;
  328. _link(root: Container, host: AdvancedDynamicTexture): void;
  329. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  330. _processPicking(x: number, y: number, type: number, buttonIndex: number): boolean;
  331. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  332. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  333. dispose(): void;
  334. }
  335. }
  336. declare module BABYLON.GUI {
  337. class StackPanel extends Container {
  338. name: string | undefined;
  339. private _isVertical;
  340. private _manualWidth;
  341. private _manualHeight;
  342. private _doNotTrackManualChanges;
  343. private _tempMeasureStore;
  344. isVertical: boolean;
  345. width: string | number;
  346. height: string | number;
  347. constructor(name?: string | undefined);
  348. protected _getTypeName(): string;
  349. protected _preMeasure(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  350. }
  351. }
  352. declare module BABYLON.GUI {
  353. class Rectangle extends Container {
  354. name: string | undefined;
  355. private _thickness;
  356. private _cornerRadius;
  357. thickness: number;
  358. cornerRadius: number;
  359. constructor(name?: string | undefined);
  360. protected _getTypeName(): string;
  361. protected _localDraw(context: CanvasRenderingContext2D): void;
  362. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  363. private _drawRoundedRect(context, offset?);
  364. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  365. }
  366. }
  367. declare module BABYLON.GUI {
  368. class Ellipse extends Container {
  369. name: string | undefined;
  370. private _thickness;
  371. thickness: number;
  372. constructor(name?: string | undefined);
  373. protected _getTypeName(): string;
  374. protected _localDraw(context: CanvasRenderingContext2D): void;
  375. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  376. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  377. }
  378. }
  379. declare module BABYLON.GUI {
  380. class Line extends Control {
  381. name: string | undefined;
  382. private _lineWidth;
  383. private _x1;
  384. private _y1;
  385. private _x2;
  386. private _y2;
  387. private _dash;
  388. private _connectedControl;
  389. private _connectedControlDirtyObserver;
  390. dash: Array<number>;
  391. connectedControl: Control;
  392. x1: string | number;
  393. y1: string | number;
  394. x2: string | number;
  395. y2: string | number;
  396. lineWidth: number;
  397. horizontalAlignment: number;
  398. verticalAlignment: number;
  399. private readonly _effectiveX2;
  400. private readonly _effectiveY2;
  401. constructor(name?: string | undefined);
  402. protected _getTypeName(): string;
  403. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  404. _measure(): void;
  405. protected _computeAlignment(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  406. _moveToProjectedPosition(projectedPosition: Vector3): void;
  407. }
  408. }
  409. declare module BABYLON.GUI {
  410. class Slider extends Control {
  411. name: string | undefined;
  412. private _thumbWidth;
  413. private _minimum;
  414. private _maximum;
  415. private _value;
  416. private _background;
  417. private _borderColor;
  418. private _barOffset;
  419. onValueChangedObservable: Observable<number>;
  420. borderColor: string;
  421. background: string;
  422. barOffset: string | number;
  423. readonly barOffsetInPixels: number;
  424. thumbWidth: string | number;
  425. readonly thumbWidthInPixels: number;
  426. minimum: number;
  427. maximum: number;
  428. value: number;
  429. constructor(name?: string | undefined);
  430. protected _getTypeName(): string;
  431. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  432. private _pointerIsDown;
  433. private _updateValueFromPointer(x);
  434. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  435. _onPointerMove(target: Control, coordinates: Vector2): void;
  436. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  437. }
  438. }
  439. declare module BABYLON.GUI {
  440. class Checkbox extends Control {
  441. name: string | undefined;
  442. private _isChecked;
  443. private _background;
  444. private _checkSizeRatio;
  445. private _thickness;
  446. thickness: number;
  447. onIsCheckedChangedObservable: Observable<boolean>;
  448. checkSizeRatio: number;
  449. background: string;
  450. isChecked: boolean;
  451. constructor(name?: string | undefined);
  452. protected _getTypeName(): string;
  453. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  454. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  455. }
  456. }
  457. declare module BABYLON.GUI {
  458. class RadioButton extends Control {
  459. name: string | undefined;
  460. private _isChecked;
  461. private _background;
  462. private _checkSizeRatio;
  463. private _thickness;
  464. thickness: number;
  465. group: string;
  466. onIsCheckedChangedObservable: Observable<boolean>;
  467. checkSizeRatio: number;
  468. background: string;
  469. isChecked: boolean;
  470. constructor(name?: string | undefined);
  471. protected _getTypeName(): string;
  472. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  473. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  474. }
  475. }
  476. declare module BABYLON.GUI {
  477. class TextBlock extends Control {
  478. name: string | undefined;
  479. private _text;
  480. private _textWrapping;
  481. private _textHorizontalAlignment;
  482. private _textVerticalAlignment;
  483. private _lines;
  484. private _resizeToFit;
  485. /**
  486. * An event triggered after the text is changed
  487. * @type {BABYLON.Observable}
  488. */
  489. onTextChangedObservable: Observable<TextBlock>;
  490. resizeToFit: boolean;
  491. textWrapping: boolean;
  492. text: string;
  493. textHorizontalAlignment: number;
  494. textVerticalAlignment: number;
  495. constructor(name?: string | undefined, text?: string);
  496. protected _getTypeName(): string;
  497. private _drawText(text, textWidth, y, context);
  498. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  499. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  500. protected _parseLine(line: string | undefined, context: CanvasRenderingContext2D): object;
  501. protected _parseLineWithTextWrapping(line: string | undefined, context: CanvasRenderingContext2D): object;
  502. protected _renderLines(context: CanvasRenderingContext2D): void;
  503. dispose(): void;
  504. }
  505. }
  506. declare var DOMImage: new (width?: number | undefined, height?: number | undefined) => HTMLImageElement;
  507. declare module BABYLON.GUI {
  508. class Image extends Control {
  509. name: string | undefined;
  510. private _domImage;
  511. private _imageWidth;
  512. private _imageHeight;
  513. private _loaded;
  514. private _stretch;
  515. private _source;
  516. private _autoScale;
  517. private _sourceLeft;
  518. private _sourceTop;
  519. private _sourceWidth;
  520. private _sourceHeight;
  521. sourceLeft: number;
  522. sourceTop: number;
  523. sourceWidth: number;
  524. sourceHeight: number;
  525. autoScale: boolean;
  526. stretch: number;
  527. domImage: HTMLImageElement;
  528. private _onImageLoaded();
  529. source: string;
  530. constructor(name?: string | undefined, url?: string);
  531. protected _getTypeName(): string;
  532. synchronizeSizeWithContent(): void;
  533. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  534. private static _STRETCH_NONE;
  535. private static _STRETCH_FILL;
  536. private static _STRETCH_UNIFORM;
  537. private static _STRETCH_EXTEND;
  538. static readonly STRETCH_NONE: number;
  539. static readonly STRETCH_FILL: number;
  540. static readonly STRETCH_UNIFORM: number;
  541. static readonly STRETCH_EXTEND: number;
  542. }
  543. }
  544. declare module BABYLON.GUI {
  545. class Button extends Rectangle {
  546. name: string | undefined;
  547. pointerEnterAnimation: () => void;
  548. pointerOutAnimation: () => void;
  549. pointerDownAnimation: () => void;
  550. pointerUpAnimation: () => void;
  551. constructor(name?: string | undefined);
  552. protected _getTypeName(): string;
  553. _processPicking(x: number, y: number, type: number, buttonIndex: number): boolean;
  554. _onPointerEnter(target: Control): boolean;
  555. _onPointerOut(target: Control): void;
  556. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  557. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  558. static CreateImageButton(name: string, text: string, imageUrl: string): Button;
  559. static CreateImageOnlyButton(name: string, imageUrl: string): Button;
  560. static CreateSimpleButton(name: string, text: string): Button;
  561. static CreateImageWithCenterTextButton(name: string, text: string, imageUrl: string): Button;
  562. }
  563. }
  564. declare module BABYLON.GUI {
  565. class ColorPicker extends Control {
  566. name: string | undefined;
  567. private _colorWheelCanvas;
  568. private _value;
  569. private _tmpColor;
  570. private _pointerStartedOnSquare;
  571. private _pointerStartedOnWheel;
  572. private _squareLeft;
  573. private _squareTop;
  574. private _squareSize;
  575. private _h;
  576. private _s;
  577. private _v;
  578. onValueChangedObservable: Observable<Color3>;
  579. value: Color3;
  580. width: string | number;
  581. height: string | number;
  582. size: string | number;
  583. constructor(name?: string | undefined);
  584. protected _getTypeName(): string;
  585. private _updateSquareProps();
  586. private _drawGradientSquare(hueValue, left, top, width, height, context);
  587. private _drawCircle(centerX, centerY, radius, context);
  588. private _createColorWheelCanvas(radius, thickness);
  589. private _RGBtoHSV(color, result);
  590. private _HSVtoRGB(hue, saturation, value, result);
  591. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  592. private _pointerIsDown;
  593. private _updateValueFromPointer(x, y);
  594. private _isPointOnSquare(coordinates);
  595. private _isPointOnWheel(coordinates);
  596. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  597. _onPointerMove(target: Control, coordinates: Vector2): void;
  598. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  599. }
  600. }
  601. declare module BABYLON.GUI {
  602. class InputText extends Control implements IFocusableControl {
  603. name: string | undefined;
  604. private _text;
  605. private _placeholderText;
  606. private _background;
  607. private _focusedBackground;
  608. private _placeholderColor;
  609. private _thickness;
  610. private _margin;
  611. private _autoStretchWidth;
  612. private _maxWidth;
  613. private _isFocused;
  614. private _blinkTimeout;
  615. private _blinkIsEven;
  616. private _cursorOffset;
  617. private _scrollLeft;
  618. private _textWidth;
  619. private _clickedCoordinate;
  620. promptMessage: string;
  621. onTextChangedObservable: Observable<InputText>;
  622. onFocusObservable: Observable<InputText>;
  623. onBlurObservable: Observable<InputText>;
  624. maxWidth: string | number;
  625. readonly maxWidthInPixels: number;
  626. margin: string;
  627. readonly marginInPixels: number;
  628. autoStretchWidth: boolean;
  629. thickness: number;
  630. focusedBackground: string;
  631. background: string;
  632. placeholderColor: string;
  633. placeholderText: string;
  634. text: string;
  635. constructor(name?: string | undefined, text?: string);
  636. onBlur(): void;
  637. onFocus(): void;
  638. protected _getTypeName(): string;
  639. processKey(keyCode: number, key?: string): void;
  640. processKeyboard(evt: KeyboardEvent): void;
  641. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  642. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  643. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  644. dispose(): void;
  645. }
  646. }
  647. declare module BABYLON.GUI {
  648. class KeyPropertySet {
  649. width?: string;
  650. height?: string;
  651. paddingLeft?: string;
  652. paddingRight?: string;
  653. paddingTop?: string;
  654. paddingBottom?: string;
  655. color?: string;
  656. background?: string;
  657. }
  658. class VirtualKeyboard extends StackPanel {
  659. onKeyPressObservable: Observable<string>;
  660. defaultButtonWidth: string;
  661. defaultButtonHeight: string;
  662. defaultButtonPaddingLeft: string;
  663. defaultButtonPaddingRight: string;
  664. defaultButtonPaddingTop: string;
  665. defaultButtonPaddingBottom: string;
  666. defaultButtonColor: string;
  667. defaultButtonBackground: string;
  668. protected _getTypeName(): string;
  669. private _createKey(key, propertySet?);
  670. addKeysRow(keys: Array<string>, propertySets?: Array<KeyPropertySet>): void;
  671. private _connectedInputText;
  672. private _onFocusObserver;
  673. private _onBlurObserver;
  674. private _onKeyPressObserver;
  675. readonly connectedInputText: InputText;
  676. connect(input: InputText): void;
  677. disconnect(): void;
  678. static CreateDefaultLayout(): VirtualKeyboard;
  679. }
  680. }