Archive for January 27, 2015

QTX Library for Smart Mobile Studio updated

January 27, 2015 4 comments

QTX (Quartex) is a library written for Smart Mobile Studio users. It extends the run-time library with a wide range of capabilities, including database (dataset) support, custom effects, tag-attribute storage and much, much more.

If you are a serious HTML5 developer using Smart Mobile Studio, then this library is a must. The font and content measurement alone is worth the download – and did I mention that it’s free?

Facebook clone, coded in a couple of hours using QTX for Smart Mobile Studio

Facebook clone, coded in a couple of hours using QTX for Smart Mobile Studio

Library overview

QTX is packed with classes and methods, and I have done my best to make it as easy as possible to understand. I take it for granted that you understand the concept of HTML-Tags, and that you understand that Smart Mobile Studio code creates TAGS when it’s constructor fires, and removes the tag when the destructor executes. As such, we have no need for libraries like JQuery – because the handle (reference) to the element is always known. JQuery is ultimately about extracting tags within a criteria from the DOM (hence “Query” in the title, as in SQL for querying a database).

What we do like however, is plenty of effects – and dead simple syntax for using them. Well it doesnt get any easier than with QTX. The QTX library extends TW3CustomControl with it’s own class helper, meaning that once you have included the qtx.effects unit – all your controls supports the whole range of effects.

Also, effects are executed in sequence. You can trigger 10 effects and they will execute one by one, which is no small feat under HTML5 (but easy with QTX tag attribute support).

Here is a brief overview of the classes and methods you get when installing QTX:


  • TQTXDataset
  • TQTXDatasetField
  • TQTXBooleanField
  • TQTXIntegerField
  • TQTXFloatField
  • TQTXStringField
  • TQTXDatasetFields
  • TQTXFieldDef
  • TQTXFieldDefs

Tag-Attribute Storage

  • TQTXAttrAccess

CSS3 GPU powered animations

  • TQTXMoveAnimation
  • TQTXFadeAnimation
  • TQTXSizeAnimation
  • TQTXAnimationHelper

Effect management

  • TQTXEffectsHelper
    • fxSetBusy
    • fxBusy:boolean
    • fxScaleUp
    • fxScaleDown
    • fxSizeTo
    • fxMoveDown
    • fxMoveUp
    • fxMoveBy
    • fxMoveTo
    • fxScaleTo
    • fxZoomOut
    • fxZoomIn
    • fxWarpIn
    • fxWarpOut
    • fxFadeIn
    • fxFadeOut

Font and content measurement

  • TQTXTextMetric
  • TQTXFontInfo
  • TQTXFontDetector

Helper classes

  • TQTXHandleHelper
  • TQTXIntegerHelper
  • TQTXStringHelper

Media IO management

  • TQTXIOAccess
    • LoadXML
    • LoadFile
    • LoadCSS
    • LoadScript
    • LoadImage
    • PreloadImages

Delayed execution

  • TQTXRuntime
    • DelayedDispatch
    • CancelDelayedDispatch
    • Execute
    • Ready
    • ExecuteDocumentReady

Dynamic stylesheets

  • TQTXStyleSheet

Flicker free, smooth momentum scroll baseclasses

  • TQTXScrollOptions,
  • TQTXScrollController
  • TQTXScrollWindow

3D for any HTML elements

  • TQTXSprite3DController

Custom controls

  • TQTXHeaderButton
  • TQTXBackButton
  • TQTXNextButton
  • TQTXHeaderTitle
  • TQTXHeaderBar
  • TQTXLabel
  • TQTXScrollText


Simply point your SVN client to: svn checkout and grab the units.


Copy the target folder into your Smart Mobile Studio -> Libraries folder and re-start the IDE. That’s it! Now include the units in your uses-clause and kick some serious HTML5 butt!