Roson讲Qt#17 谈谈Qt QML、Qt Quick、Qt Quick Controls之间的关系

野性酷女 2022-09-10 02:25 15阅读 0赞

**目录**

1.概念

2.关系和区别

3.扩展

3.1QML语言提供的基本数据类型

3.2QML语言提供的基本对象类型

3.3Qt Quick的子模块

3.4Qt Quick提供的基本数据类型

3.5Qt Quick提供的基本对象类型

--------------------

# 1.概念 #

**Qt QML:**QML是一种用户界面规范和编程语言。它允许开发人员和设计师一样创建高性能、流畅的动画和视觉上吸引人的应用程序。QML提供了高可读性、声明性、类似json的语法，支持命令式JavaScript表达式和动态属性绑定。QML语言和引擎基础结构由Qt QML模块提供。

**Qt Quick****模块:**Qt Quick是QML的类型和功能的标准库。它包括视觉类型，交互类型，动画，模型和视图，粒子效果和着色效果。QML应用程序开发人员可以通过一个导入语句访问所有这些功能。QtQuick QML库由QtQuick模块提供。

**Qt Quick Controls模块:**提供了一组控件，可用于在Qt Quick中构建完整的接口。

# 2.关系和区别 #

QML是一种编程语言，和C++，C\#，Java一样，属于一种编程语言。QML提供一些基本的数据类型。

Qt Quick是一个库，作用和我们说的C++标准库一样，如果要编写C++代码，肯定需要C++标准库的支撑。我们在写Qt Quick应用程序时，肯定需要用到一些数据类型，还有一些语法，而这些东西，就是Qt Quick提供的。在QML已经提供的基础数据类型的基础上，Qt Quick又引入了更高级易用的数据类型，这就好比QML中有char\*，Qt Quick又搞了个CString。

Qt Quick Controls是Qt Quick的一个子模块，Qt Quick不仅包含Controls，还包含了  
Dialogs、Layouts等模块。

# 3.扩展 #

## 3.1QML语言提供的基本数据类型 ##

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:bottom;width:116pt;">date</td> 
 <td style="vertical-align:bottom;">Date value</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">point</td> 
 <td style="vertical-align:bottom;">Value with x and y attributes</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">rect</td> 
 <td style="vertical-align:bottom;">Value with x, y, width and height attributes</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">size</td> 
 <td style="vertical-align:bottom;">Value with width and height attributes</td> 
 </tr> 
 </tbody> 
</table>

## 3.2QML语言提供的基本对象类型 ##

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:bottom;width:116pt;">Date</td> 
 <td style="vertical-align:bottom;">Provides date functions</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Number</td> 
 <td style="vertical-align:bottom;">Object provides represents a number value</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">String</td> 
 <td style="vertical-align:bottom;">Object represents a string value</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Component</td> 
 <td style="vertical-align:bottom;">Encapsulates a QML component definition</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Qt</td> 
 <td style="vertical-align:bottom;">Provides a global object with useful enums and functions from Qt</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">QtObject</td> 
 <td style="vertical-align:bottom;">A basic QML type</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Locale</td> 
 <td style="vertical-align:bottom;">Provides locale specific properties and formatted data</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">LoggingCategory</td> 
 <td style="vertical-align:bottom;">Defines a logging category in QML</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Binding</td> 
 <td style="vertical-align:bottom;">Enables the arbitrary creation of property bindings</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Connections</td> 
 <td style="vertical-align:bottom;">Describes generalized connections to signals</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Instantiator</td> 
 <td style="vertical-align:bottom;">Dynamically creates objects</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Timer</td> 
 <td style="vertical-align:bottom;">Triggers a handler at a specified interval</td> 
 </tr> 
 </tbody> 
</table>

## 3.3Qt Quick的子模块 ##

Qt Quick包含几个子模块，并且这些子模块还包含额外的类型。子模块列举如下：

*  XML List Model \- contains types for creating models from XML data
 *  Local Storage \- a submodule containing a JavaScript interface for an SQLite database
 *  Particles \- provides a particle system for QML applications
 *  Window \- contains types for creating top-level windows and accessing screen information
 *  Dialogs \- contains types for creating and interacting with system dialogs
 *  Controls \- provides a set of reusable UI components
 *  Layouts \- contains types that are used to arrange items in the user interface
 *  Tests \- types for testing QML applications.

## 3.4Qt Quick提供的基本数据类型 ##

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:bottom;width:54pt;">color</td> 
 <td style="vertical-align:bottom;">ARGB color value. The color type refers to an ARGB color value. It can be specified in a number of ways:</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">font</td> 
 <td style="vertical-align:bottom;">Font value with the properties of QFont. The font type refers to a font value with the properties of QFont</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">matrix4x4</td> 
 <td style="vertical-align:bottom;">A matrix4x4 type is a 4-row and 4-column matrix</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">quaternion</td> 
 <td style="vertical-align:bottom;">A quaternion type has scalar, x, y, and z attributes</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">vector2d</td> 
 <td style="vertical-align:bottom;">A vector2d type has x and y attributes</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">vector3d</td> 
 <td style="vertical-align:bottom;">Value with x, y, and z attributes</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">vector4d</td> 
 <td style="vertical-align:bottom;">A vector4d type has x, y, z and w attributes</td> 
 </tr> 
 </tbody> 
</table>

## 3.5Qt Quick提供的基本对象类型 ##

QtQuick导入提供的所有对象类型都基于Item类型，该类型本身派生自QtObject。在导入QtQuick时，Qt QML模块提供的QML对象类型(如QtObject和Component)也可用。

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:bottom;width:116pt;">Canvas</td> 
 <td style="vertical-align:bottom;">Provides a 2D canvas item enabling drawing via JavaScript</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">CanvasGradient</td> 
 <td style="vertical-align:bottom;">Provides an opaque CanvasGradient interface</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">CanvasImageData</td> 
 <td style="vertical-align:bottom;">Contains image pixel data in RGBA order</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">CanvasPixelArray</td> 
 <td style="vertical-align:bottom;">Provides ordered and indexed access to the components of each pixel in image data</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Context2D</td> 
 <td style="vertical-align:bottom;">Provides 2D context for shapes on a Canvas item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Accessible</td> 
 <td style="vertical-align:bottom;">Enables accessibility of QML items</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">AnimatedImage</td> 
 <td style="vertical-align:bottom;">Plays animations stored as a series of images</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">AnimatedSprite</td> 
 <td style="vertical-align:bottom;">Draws a sprite animation</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">BorderImage</td> 
 <td style="vertical-align:bottom;">Paints a border based on an image</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Drag</td> 
 <td style="vertical-align:bottom;">For specifying drag and drop events for moved Items</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">DragEvent</td> 
 <td style="vertical-align:bottom;">Provides information about a drag event</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">DropArea</td> 
 <td style="vertical-align:bottom;">For specifying drag and drop handling in an area</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">KeyEvent</td> 
 <td style="vertical-align:bottom;">Provides information about a key event</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">MouseEvent</td> 
 <td style="vertical-align:bottom;">Provides information about a mouse event</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">WheelEvent</td> 
 <td style="vertical-align:bottom;">Provides information about a mouse wheel event</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Flickable</td> 
 <td style="vertical-align:bottom;">Provides a surface that can be "flicked"</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Flipable</td> 
 <td style="vertical-align:bottom;">Provides a surface that can be flipped</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">FocusScope</td> 
 <td style="vertical-align:bottom;">Explicitly creates a focus scope</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">GraphicsInfo</td> 
 <td style="vertical-align:bottom;">Provides information about the used Qt Quick backend</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">GridView</td> 
 <td style="vertical-align:bottom;">For specifying a grid view of items provided by a model</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Image</td> 
 <td style="vertical-align:bottom;">Displays an image</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">EnterKey</td> 
 <td style="vertical-align:bottom;">Provides a property to manipulate the appearance of Enter key on an on-screen keyboard</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Item</td> 
 <td style="vertical-align:bottom;">A basic visual QML type</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">KeyNavigation</td> 
 <td style="vertical-align:bottom;">Supports key navigation by arrow keys</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Keys</td> 
 <td style="vertical-align:bottom;">Provides key handling to Items</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">LayoutMirroring</td> 
 <td style="vertical-align:bottom;">Property used to mirror layout behavior</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Transform</td> 
 <td style="vertical-align:bottom;">For specifying advanced transformations on Items</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">AnchorAnimation</td> 
 <td style="vertical-align:bottom;">Animates changes in anchor values</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ParentAnimation</td> 
 <td style="vertical-align:bottom;">Animates changes in parent values</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathAnimation</td> 
 <td style="vertical-align:bottom;">Animates an item along a path</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ItemGrabResult</td> 
 <td style="vertical-align:bottom;">Contains the results from a call to Item::grabToImage()</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ViewTransition</td> 
 <td style="vertical-align:bottom;">Specifies items under transition in a view</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ListView</td> 
 <td style="vertical-align:bottom;">Provides a list view of items provided by a model</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Loader</td> 
 <td style="vertical-align:bottom;">Allows dynamic loading of a subtree from a URL or Component</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">MouseArea</td> 
 <td style="vertical-align:bottom;">Enables simple mouse handling</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">GestureEvent</td> 
 <td style="vertical-align:bottom;">Parameter given with the gestureStarted signal</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">MultiPointTouchArea</td> 
 <td style="vertical-align:bottom;">Enables handling of multiple touch points</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">TouchPoint</td> 
 <td style="vertical-align:bottom;">Describes a touch point in a MultiPointTouchArea</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathView</td> 
 <td style="vertical-align:bottom;">Lays out model-provided items on a path</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PinchArea</td> 
 <td style="vertical-align:bottom;">Enables simple pinch gesture handling</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PinchEvent</td> 
 <td style="vertical-align:bottom;">For specifying information about a pinch event</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Column</td> 
 <td style="vertical-align:bottom;">Positions its children in a column</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Flow</td> 
 <td style="vertical-align:bottom;">Positions its children side by side, wrapping as necessary</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Grid</td> 
 <td style="vertical-align:bottom;">Positions its children in grid formation</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Positioner</td> 
 <td style="vertical-align:bottom;">Provides attached properties that contain details on where an item exists in a positioner</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Row</td> 
 <td style="vertical-align:bottom;">Positions its children in a row</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Gradient</td> 
 <td style="vertical-align:bottom;">Defines a gradient fill</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">GradientStop</td> 
 <td style="vertical-align:bottom;">Defines the color at a position in a Gradient</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Rectangle</td> 
 <td style="vertical-align:bottom;">Paints a filled rectangle with an optional border</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Repeater</td> 
 <td style="vertical-align:bottom;">Instantiates a number of Item-based components using a provided model</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ShaderEffect</td> 
 <td style="vertical-align:bottom;">Applies custom shaders to a rectangle</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">BorderImageMesh</td> 
 <td style="vertical-align:bottom;">Defines a mesh with vertices arranged like those of a BorderImage</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">GridMesh</td> 
 <td style="vertical-align:bottom;">Defines a mesh with vertices arranged in a grid</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ShaderEffectSource</td> 
 <td style="vertical-align:bottom;">Renders a Qt Quick item into a texture and displays it</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Sprite</td> 
 <td style="vertical-align:bottom;">Specifies sprite animations</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">SpriteSequence</td> 
 <td style="vertical-align:bottom;">Draws a sprite animation</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">AnchorChanges</td> 
 <td style="vertical-align:bottom;">Specifies how to change the anchors of an item in a state</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ParentChange</td> 
 <td style="vertical-align:bottom;">Specifies how to reparent an Item in a state change</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Text</td> 
 <td style="vertical-align:bottom;">Specifies how to add formatted text to a scene</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">TextEdit</td> 
 <td style="vertical-align:bottom;">Displays multiple lines of editable formatted text</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">TextInput</td> 
 <td style="vertical-align:bottom;">Displays an editable line of text</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Matrix4x4</td> 
 <td style="vertical-align:bottom;">Provides a way to apply a 4x4 tranformation matrix to an Item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Rotation</td> 
 <td style="vertical-align:bottom;">Provides a way to rotate an Item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Scale</td> 
 <td style="vertical-align:bottom;">Provides a way to scale an Item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Translate</td> 
 <td style="vertical-align:bottom;">Provides a way to move an Item without changing its x or y properties</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Animation</td> 
 <td style="vertical-align:bottom;">Is the base of all QML animations</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ColorAnimation</td> 
 <td style="vertical-align:bottom;">Animates changes in color values</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">NumberAnimation</td> 
 <td style="vertical-align:bottom;">Animates changes in qreal-type values</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ParallelAnimation</td> 
 <td style="vertical-align:bottom;">Enables animations to be run in parallel</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PauseAnimation</td> 
 <td style="vertical-align:bottom;">Provides a pause for an animation</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PropertyAction</td> 
 <td style="vertical-align:bottom;">Specifies immediate property changes during animation</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PropertyAnimation</td> 
 <td style="vertical-align:bottom;">Animates changes in property values</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">RotationAnimation</td> 
 <td style="vertical-align:bottom;">Animates changes in rotation values</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ScriptAction</td> 
 <td style="vertical-align:bottom;">Defines scripts to be run during an animation</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">SequentialAnimation</td> 
 <td style="vertical-align:bottom;">Allows animations to be run sequentially</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Vector3dAnimation</td> 
 <td style="vertical-align:bottom;">Animates changes in QVector3d values</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">AnimationController</td> 
 <td style="vertical-align:bottom;">Enables manual control of animations</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Animator</td> 
 <td style="vertical-align:bottom;">Is the base of all QML animators</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">OpacityAnimator</td> 
 <td style="vertical-align:bottom;">Type animates the opacity of an Item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">RotationAnimator</td> 
 <td style="vertical-align:bottom;">Type animates the rotation of an Item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">ScaleAnimator</td> 
 <td style="vertical-align:bottom;">Type animates the scale factor of an Item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">UniformAnimator</td> 
 <td style="vertical-align:bottom;">Type animates a uniform of a ShaderEffect</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">XAnimator</td> 
 <td style="vertical-align:bottom;">Type animates the x position of an Item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">YAnimator</td> 
 <td style="vertical-align:bottom;">Type animates the y position of an Item</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Behavior</td> 
 <td style="vertical-align:bottom;">Defines a default animation for a property change</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">FontLoader</td> 
 <td style="vertical-align:bottom;">Allows fonts to be loaded by name or URL</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">FontMetrics</td> 
 <td style="vertical-align:bottom;">Provides metrics for a given font</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Path</td> 
 <td style="vertical-align:bottom;">Defines a path for use by PathView</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathArc</td> 
 <td style="vertical-align:bottom;">Defines an arc with the given radius</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathAttribute</td> 
 <td style="vertical-align:bottom;">Specifies how to set an attribute at a given position in a Path</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathCubic</td> 
 <td style="vertical-align:bottom;">Defines a cubic Bezier curve with two control points</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathCurve</td> 
 <td style="vertical-align:bottom;">Defines a point on a Catmull-Rom curve</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathElement</td> 
 <td style="vertical-align:bottom;">The base path type</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathLine</td> 
 <td style="vertical-align:bottom;">Defines a straight line</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathPercent</td> 
 <td style="vertical-align:bottom;">Manipulates the way a path is interpreted</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathQuad</td> 
 <td style="vertical-align:bottom;">Defines a quadratic Bezier curve with a control point</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathSvg</td> 
 <td style="vertical-align:bottom;">Defines a path using an SVG path data string</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PathInterpolator</td> 
 <td style="vertical-align:bottom;">Specifies how to manually animate along a path</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">PropertyChanges</td> 
 <td style="vertical-align:bottom;">Describes new property bindings or values for a state</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Shortcut</td> 
 <td style="vertical-align:bottom;">Provides keyboard shortcuts</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">SmoothedAnimation</td> 
 <td style="vertical-align:bottom;">Allows a property to smoothly track a value</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">SpringAnimation</td> 
 <td style="vertical-align:bottom;">Allows a property to track a value in a spring-like motion</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">State</td> 
 <td style="vertical-align:bottom;">Defines configurations of objects and properties</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">StateChangeScript</td> 
 <td style="vertical-align:bottom;">Specifies how to run a script in a state</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">StateGroup</td> 
 <td style="vertical-align:bottom;">Provides built-in state support for non-Item types</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">SystemPalette</td> 
 <td style="vertical-align:bottom;">Provides access to the Qt palettes</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">TextMetrics</td> 
 <td style="vertical-align:bottom;">Provides metrics for a given font and text</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">Transition</td> 
 <td style="vertical-align:bottom;">Defines animated transitions that occur on state changes</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">DoubleValidator</td> 
 <td style="vertical-align:bottom;">Defines a validator for non-integer numbers</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">IntValidator</td> 
 <td style="vertical-align:bottom;">Defines a validator for integer values</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:bottom;">RegExpValidator</td> 
 <td style="vertical-align:bottom;">Provides a string validator</td> 
 </tr> 
 </tbody> 
</table>