/**************************************************************************** ** ** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies). ** Contact: http://www.qt-project.org/legal ** ** This file is part of the documentation of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:FDL$ ** Commercial License Usage ** Licensees holding valid commercial Qt licenses may use this file in ** accordance with the commercial license agreement provided with the ** Software or, alternatively, in accordance with the terms contained in ** a written agreement between you and Digia. For licensing terms and ** conditions see http://qt.digia.com/licensing. For further information ** use the contact form at http://qt.digia.com/contact-us. ** ** GNU Free Documentation License Usage ** Alternatively, this file may be used under the terms of the GNU Free ** Documentation License version 1.3 as published by the Free Software ** Foundation and appearing in the file included in the packaging of ** this file. Please review the following information to ensure ** the GNU Free Documentation License version 1.3 requirements ** will be met: http://www.gnu.org/copyleft/fdl.html. ** $QT_END_LICENSE$ ** ****************************************************************************/ /*! \page qtquick-qmltypereference.html \title Qt Quick QML Types \ingroup qmlmodules \brief Description of the QML types provided by the Qt Quick module The \c QtQuick QML module provides a variety of QML types for creating user interfaces and applications with QML. This page lists every QML type provided by this module, organized according to category and purpose. \target importing-qtquick \section1 Importing Qt Quick The types provided by the \l {Qt Quick} module are only available in a QML document if that document imports the \c QtQuick namespace. The current version of the \c QtQuick module is version 2.0, and thus it may be imported via the following statement: \qml import QtQuick 2.0 \endqml See the \l {Qt Quick} module documentation for more information about the concepts which are central to \c QtQuick. \section2 Submodules Qt Quick includes several submodules which contain additional types. \list \li \l{Qt Quick XmlListModel QML Types}{XML List Model} - contains types for creating models from XML data \li \l{Qt Quick Local Storage QML Types}{Local Storage} - a submodule containing a JavaScript interface for an SQLite database \li \l{Qt Quick Particles QML Types}{Particles} - provides a particle system for QML applications \li \l{Qt Quick Window QML Types}{Window} - contains types for creating top-level windows and accessing screen information \li \l{Qt Quick Dialogs QML Types}{Dialogs} - contains types for creating and interacting with system dialogs \li \l{Qt Quick Controls QML Types}{Controls} - provides a set of reusable UI components \li \l{Qt Quick Layouts QML Types}{Layouts} - contains types that are used to arrange items in the user interface \endlist \target basic-types \section1 Basic Types There are a number of basic types that are \l{qtqml-typesystem-basictypes.html#basic-types-provided-by-the-qml-language} {supported by default in the QML language}. In addition, the \c QtQuick module provides the following basic types: \annotatedlist qtquickbasictypes \target object-types \section1 Object Types All of the object types provided by \c QtQuick are based on the \l{Item} type, which itself derives from \l{QtQml::QtObject}{QtObject}. \l{qtqml-typereference-topic.html#object-types} {QML object types} provided by the Qt QML module (such as \l{QtQml::QtObject}{QtObject} and \l{QtQml::Component}{Component}) are also available when you import \c QtQuick. \target visual-types \section2 Visual Types \list \li \l {Item} - Basic visual object type inherited by visual object types (visual items) \li \l {Rectangle} - A rectangle type \li \l {Image} - For incorporating bitmaps into a scene \li \l {BorderImage} - Allows the use of images as borders \li \l {AnimatedImage} - For playing animations stored as an animated GIF \li \l {AnimatedSprite} - For playing animations stored as a series of frames \li \l {SpriteSequence} - For playing and transitioning between multiple animations stored as a series of frames \li \l {Text} - For inserting formatted text into a scene \li \l {Window} - Provides a top-level window \endlist Visual Item Utility \list \li \l {Accessible} - Attached property to make components accessible \li \l {Gradient} - For defining a color gradient \li \l {GradientStop} - Used to define a color within a \l {Gradient} \li \l {SystemPalette} - Provides access to the Qt palettes \li \l {Screen} - Provides information about the screen on which an \l {Item} is displayed \li \l {Sprite} - Specifies sprite animations for other Items to display \li \l {FontLoader} - Loads fonts by name or URL \endlist Visual Item Generation \list \li \l {Repeater} - Uses a model to create multiple Item instances \li \l {Loader} - Eases on-demand loading of Items \endlist Visual Item Transformations \list \li \l {Transform} - Allows specification of advanced transformations on Items \li \l {Scale} - Assigns item scaling behaviors \li \l {Rotation} - Assigns item rotation behaviors \li \l {Translate} - Assigns item translation behaviors \endlist \target user-input \section2 User Input \list \li \l {MouseArea} - Sets up an area for mouse interaction \li \l {Keys} - Provides components with attached properties to handle key input. \li \l {KeyNavigation} - Supports key navigation by arrow keys \li \l {FocusScope} - Mediates keyboard focus changes \li \l {Flickable} - Provides a surface that can be "flicked" \li \l {PinchArea} - Enables simple pinch gesture handling \li \l {MultiPointTouchArea} - Enables handling of multiple touch points \li \l {Drag} - For specifying drag and drop events for visual items \li \l {DropArea} - For specifying drag and drop event handling in an area \li \l {TextInput} - Captures user key input \li \l {TextEdit} - Displays multiple lines of editable formatted text \endlist Text Input Utility \list \li \l {IntValidator} - Validates values as integers \li \l {DoubleValidator} - Validates real values \li \l {RegExpValidator} - Validator for string regular expressions \endlist User Input Events \list \li \l {TouchPoint} - Describes a touch point in a MultiPointTouchArea \li \l {PinchEvent} - Specifies information about a pinch event \li \l {WheelEvent} - Provides information about a mouse wheel event \li \l {MouseEvent} - Provides information about a mouse click event \li \l {KeyEvent} - Provides information about a key press event \li \l {DragEvent} -Provides information about a drag event \endlist \target positioning \section2 Positioning \list \li \l {Positioner} - Attached property which provides information about where an Item has been positioned \li \l {Column} - Arranges its children vertically \li \l {Row} - Arranges its children horizontally \li \l {Grid} - Positions its children in a grid \li \l {Flow} - Positions its children with wrapping support \li \l {LayoutMirroring} - Attached property used to mirror layout behavior \endlist \target states-transitions-and-animations \section2 States, Transitions and Animations States \list \li \l {State} - Defines sets of configurations of objects and properties \li \l {PropertyChanges} - Describes property changes within a state \li \l {StateGroup} - Contains a set of states and state transitions \li \l {StateChangeScript} - Allows script binding in a state \li \l {ParentChange} - Re-parent an Item in a state change \li \l {AnchorChanges} - Change the anchors of an item in a state \endlist Transitions and Animations \list \li \l {Transition} - Animates transitions during state changes \li \l {ViewTransition} - Specifies items under transition in a view \li \l {SequentialAnimation} - Runs animations sequentially \li \l {ParallelAnimation} - Runs animations in parallel \li \l {Behavior} - Specifies a default animation for property changes \li \l {PropertyAction} - Sets immediate property changes during animation \li \l {PauseAnimation} - Introduces a pause in an animation \li \l {SmoothedAnimation} - Allows a property to smoothly track a value \li \l {SpringAnimation} - Allows a property to track a value in a spring-like motion \li \l {ScriptAction} - Runs scripts during an animation \endlist Type-specific Animations \list \li \l {PropertyAnimation} - Animates property changes \li \l {NumberAnimation} - Animates properties of type qreal \li \l {Vector3dAnimation} - Animates properties of type QVector3d \li \l {ColorAnimation} - Animates color changes \li \l {RotationAnimation} - Animates rotations \li \l {ParentAnimation} - Animates parent changes \li \l {AnchorAnimation} - Animates anchor changes \li \l {PathAnimation} - Animates position along a path \endlist Lower-level Animation Types \list \li \l {PathInterpolator} - Allows manual animation along a path \li \l {AnimationController} - Allows manual control of animation progress \endlist Animation paths \list \li \l {Path} - Defines a path used by \l {PathView} \li \l {PathLine} - Defines a line in \l {Path} \li \l {PathQuad} - Defines a quadratic Bezier curve in a \l {Path} \li \l {PathCubic} - Defines a cubic Bezier curve in a \l {Path} \li \l {PathArc} - Defines an arc in a \l {Path} \li \l {PathCurve} - Defines a point on a Catmull-Rom curve in a \l {Path} \li \l {PathSvg} - Defines a sub-path specified as a SVG path data string in a \l {Path} \li \l {PathAttribute} - Allows the setting of attributes along a \l {Path} \li \l {PathPercent} - Modifies the item distribution along a \l {Path} \endlist \target model-view-types-and-data-storage-and-access \section2 Model/View Types And Data Storage And Access QML Lists and Models The \l{Qt QML Models QML Types}{Qt QML Models} submodule provides the types for structuring data with models and lists. \list \li \l ListModel - Defines a list of data \li \l ListElement - Defines a data item in a \l ListModel \endlist These QML types are part of Qt Quick for backwards compatibility, but for newer applications, \l{Qt QML Models QML Types}{Qt QML Models} provides the same functionality. \list \li \l {VisualItemModel} - Contains items that already defines its own visual delegate \li \l {VisualDataModel} - Encapsulates a model and a delegate \li \l {VisualDataGroup} - Encapsulates a filtered set of visual data items \endlist XML Lists \list \li \l {XmlListModel} - Specifies a model using XPath expressions \li \l {XmlRole} - Specifies a role for an \l {XmlListModel} \endlist Views \list \li \l {ListView} - Provides a list visualization of a model \li \l {GridView} - Provides a grid visualization of a model \li \l {PathView} - Visualizes a model's contents along a path. See \l {Path Definition}{Path Elements} for more information. \li \l {Package} - Collection that enables sharing of items within different views \endlist Data Storage \list \li \l {Qt Quick Local Storage QML Types}{QtQuick.LocalStorage 2} - Singleton type providing simplified SQL access \endlist \target graphical-effects \section2 Graphical Effects \list \li \l {Flipable} - Provides a surface that produces "flipping" effects \li \l {ShaderEffect} - Allows GLSL shaders to be used as graphical effects \li \l {ShaderEffectSource} - Usable as a texture in ShaderEffect \li \l {GridMesh} - Generates a grid mesh of vertices for use by ShaderEffect \li The \l{Qt Quick Particles QML Types}{QtQuick.Particles 2} module provides a set of Particle System types for Qt Quick 2 \endlist \target convenience-types \section2 Convenience Types \list \li \l {Connections} - Explicitly connects signals and signal handlers \li \l {Binding} - Binds any value to any property \li \l {Timer} - Provides timed triggers \li \l {WorkerScript} - Enables the use of threads in a Qt Quick application \endlist \target canvas-similar-to-html5-canvas \section2 Canvas (similar to HTML5 canvas) \list \li \l {Canvas} - Provides a 2D canvas type similar to the HTML5 canvas \li \l {Context2D} - Provides 2D context for shapes on a Canvas item \li \l {CanvasGradient} - Allows specification of a gradient on a Canvas \li \l {CanvasPixelArray} - Allows specification of a pixel array for use in a Canvas \li \l {CanvasImageData} - Allows specification of image data for use in a Canvas \li \l {TextMetrics} - Provides text and font measurement data for use in a Canvas \endlist */ /*! \qmlmodule QtQuick 2.2 \brief The Provides graphical primitives for use in QML. The \l{Qt Quick} module provides graphical primitive types. They can be used with the following import \code import QtQuick 2.2 \endcode For a more detailed listing of types in the \c {QtQuick} import, see the \l{Qt Quick QML Types} page. For more details about the module itself, see the \l{Qt Quick} module page. */ /*! \qmlbasictype color \ingroup qtquickbasictypes \brief an ARGB color value. \target colorbasictypedocs The \c color type refers to an ARGB color value. It can be specified in a number of ways: \list \li By a \l{http://www.w3.org/TR/SVG/types.html#ColorKeywords}{SVG color name}, such as "red", "green" or "lightsteelblue". \li By a hexadecimal triplet or quad in the form \c "#RRGGBB" and \c "#AARRGGBB" respectively. For example, the color red corresponds to a triplet of \c "#FF0000" and a slightly transparent blue to a quad of \c "#800000FF". \li Using the \l{QtQml::Qt::rgba()}{Qt.rgba()}, \l{QtQml::Qt::hsla()}{Qt.hsla()}, \l{QtQml::Qt::darker()}{Qt.darker()}, \l{QtQml::Qt::lighter()}{Qt.lighter()} or \l{QtQml::Qt::tint()}{Qt.tint()} functions. \endlist Example: \div{float-right} \inlineimage declarative-colors.png \enddiv \snippet qml/colors.qml colors Additionally, a color type has \c r, \c g, \c b and \c a properties that refer to the red, green, blue and alpha values of the color, respectively: \qml Text { color: "red" // prints "1 0 0 1" Component.onCompleted: console.log(color.r, color.g, color.b, color.a) } \endqml To test color values for equality, use the \l{QtQml::Qt::colorEqual()}{Qt.colorEqual()} function. This allows colors to be accurately compared whether they are in property form or in any of the acceptable string specification forms. When integrating with C++, note that any QColor value \l{qtqml-cppintegration-data.html}{passed into QML from C++} is automatically converted into a \c color value, and vice-versa. This basic type is provided by the QtQuick import. \sa {QML Basic Types} */ /*! \qmlbasictype font \ingroup qtquickbasictypes \brief a font value with the properties of QFont. \target fontbasictypedocs The \c font type refers to a font value with the properties of QFont. The most commonly used properties are: \list \li \l string \c font.family \li \l bool \c font.bold \li \l bool \c font.italic \li \l bool \c font.underline \li \l real \c font.pointSize \li \l int \c font.pixelSize \endlist If both \c pointSize and a \c pixelSize are specified, \c pixelSize will be used. The following properties are also available: \list \li \l enumeration \c font.weight \li \l bool \c font.overline \li \l bool \c font.strikeout \li \l enumeration \c font.capitalization \li \l real \c font.letterSpacing \li \l real \c font.wordSpacing \endlist Example: \qml Text { font.family: "Helvetica"; font.pointSize: 13; font.bold: true } \endqml When integrating with C++, note that any QFont value \l{qtqml-cppintegration-data.html}{passed into QML from C++} is automatically converted into a \c font value, and vice-versa. This basic type is provided by the QtQuick import. Font weighting is classified on a scale from 0 to 99, where a weight of 0 is ultralight, and 99 is extremely black. The following values are supported: \table \row \li \c Font.Light \li 25 \row \li \c Font.Normal \li 50 \row \li \c Font.DemiBold \li 63 \row \li \c Font.Bold \li 75 \row \li \c Font.Black \li 87 \endtable Capitalization supports the following values: \table \row \li \c Font.MixedCase \li No capitalization change is applied. \row \li \c Font.AllUppercase \li Alters the text to be rendered in all uppercase type. \row \li \c Font.AllLowercase \li Alters the text to be rendered in all lowercase type. \row \li \c Font.SmallCaps \li Alters the text to be rendered in small-caps type. \row \li \c Font.Capitalize \li Alters the text to be rendered with the first character of each word as an uppercase character. \endtable \sa {QML Basic Types} */ /*! \qmlbasictype vector2d \ingroup qtquickbasictypes \brief A vector2d type has x and y attributes. A \c vector2d type has \c x and \c y attributes, otherwise it is similar to the \c vector3d type. Please see the documentation about the \c vector3d type for more information. To create a \c vector2d value, specify it as a "x,y" string, or define the components individually, or compose it with the Qt.vector2d() function. The vector2d type has the following idempotent functions which can be invoked in QML: \table \header \li Function Signature \li Description \li Example \row \li real dotProduct(vector2d other) \li Returns the scalar real result of the dot product of \c this vector2d with the \c other vector2d \li \code var a = Qt.vector2d(1,2); var b = Qt.vector2d(3,4); var c = a.dotProduct(b); console.log(c); // 11 \endcode \row \li vector2d times(vector2d other) \li Returns the vector2d result of multiplying \c this vector2d with the \c other vector2d \li \code var a = Qt.vector2d(1,2); var b = Qt.vector2d(3,4); var c = a.times(b); console.log(c.toString()); // QVector2D(3, 8) \endcode \row \li vector2d times(real factor) \li Returns the vector2d result of multiplying \c this vector2d with the scalar \c factor \li \code var a = Qt.vector2d(1,2); var b = 4.48; var c = a.times(b); console.log(c.toString()); // QVector2D(4.48, 8.96) \endcode \row \li vector2d plus(vector2d other) \li Returns the vector2d result of the addition of \c this vector2d with the \c other vector2d \li \code var a = Qt.vector2d(1,2); var b = Qt.vector2d(3,4); var c = a.plus(b); console.log(c.toString()); // QVector2D(4, 6) \endcode \row \li vector2d minus(vector2d other) \li Returns the vector2d result of the subtraction of \c other vector2d from \c this vector2d \li \code var a = Qt.vector2d(1,2); var b = Qt.vector2d(3,4); var c = a.minus(b); console.log(c.toString()); // QVector2D(-2, -2) \endcode \row \li vector2d normalized() \li Returns the normalized form of \c this vector \li \code var a = Qt.vector2d(1,2); var b = a.normalized(); console.log(b.toString()); // QVector2D(0.447214, 0.894427) \endcode \row \li real length() \li Returns the scalar real value of the length of \c this vector2d \li \code var a = Qt.vector2d(1,2); var b = a.length(); console.log(b.toString()); // 2.23606797749979 \endcode \row \li vector3d toVector3d() \li Returns the vector3d result of converting \c this vector2d to a vector3d \li \code var a = Qt.vector2d(1,2); var b = a.toVector3d(); console.log(b.toString()); // QVector3D(1, 2, 0) \endcode \row \li vector4d toVector4d() \li Returns the vector4d result of converting \c this vector2d to a vector4d \li \code var a = Qt.vector2d(1,2); var b = a.toVector4d(); console.log(b.toString()); // QVector4D(1, 2, 0, 0) \endcode \row \li bool fuzzyEquals(vector2d other, real epsilon) \li Returns true if \c this vector2d is approximately equal to the \c other vector2d. The approximation will be true if each attribute of \c this is within \c epsilon of \c other. Note that \c epsilon is an optional argument, the default \c epsilon is 0.00001. \li \code var a = Qt.vector2d(1,2); var b = Qt.vector2d(1.0001, 1.9998); var c = a.fuzzyEquals(b); // default epsilon var d = a.fuzzyEquals(b, 0.005); // supplied epsilon console.log(c + " " + d); // false true \endcode \endtable This basic type is provided by the QtQuick import. \sa {QML Basic Types} */ /*! \qmlbasictype vector3d \ingroup qtquickbasictypes \brief a value with x, y, and z attributes. The \c vector3d type refers to a value with \c x, \c y, and \c z attributes. To create a \c vector3d value, specify it as a "x,y,z" string: \qml Rotation { angle: 60; axis: "0,1,0" } \endqml or with the \l{QtQml::Qt::vector3d()}{Qt.vector3d()} function: \qml Rotation { angle: 60; axis: Qt.vector3d(0, 1, 0) } \endqml or as separate \c x, \c y, and \c z components: \qml Rotation { angle: 60; axis.x: 0; axis.y: 1; axis.z: 0 } \endqml Each attribute of a vector3d value is stored internally as a single-precision floating point number (\c float). When integrating with C++, note that any QVector3D value \l{qtqml-cppintegration-data.html}{passed into QML from C++} is automatically converted into a \c vector3d value, and vice-versa. The vector3d type has the following idempotent functions which can be invoked in QML: \table \header \li Function Signature \li Description \li Example \row \li vector3d crossProduct(vector3d other) \li Returns the vector3d result of the cross product of \c this vector3d with the \c other vector3d \li \code var a = Qt.vector3d(1,2,3); var b = Qt.vector3d(4,5,6); var c = a.crossProduct(b); console.log(c.toString()); // QVector3D(-3, 6, -3) \endcode \row \li real dotProduct(vector3d other) \li Returns the scalar real result of the dot product of \c this vector3d with the \c other vector3d \li \code var a = Qt.vector3d(1,2,3); var b = Qt.vector3d(4,5,6); var c = a.dotProduct(b); console.log(c); // 32 \endcode \row \li vector3d times(matrix4x4 matrix) \li Returns the vector3d result of transforming \c this vector3d with the 4x4 \c matrix with the matrix applied post-vector \li \code var a = Qt.vector3d(1,2,3); var b = Qt.matrix4x4(4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19); var c = a.times(b); console.log(c.toString()); // QVector3D(0.774194, 0.849462, 0.924731) \endcode \row \li vector3d times(vector3d other) \li Returns the vector3d result of multiplying \c this vector3d with the \c other vector3d \li \code var a = Qt.vector3d(1,2,3); var b = Qt.vector3d(4,5,6); var c = a.times(b); console.log(c.toString()); // QVector3D(4, 10, 18) \endcode \row \li vector3d times(real factor) \li Returns the vector3d result of multiplying \c this vector3d with the scalar \c factor \li \code var a = Qt.vector3d(1,2,3); var b = 4.48; var c = a.times(b); console.log(c.toString()); // QVector3D(4.48, 8.96, 13.44) \endcode \row \li vector3d plus(vector3d other) \li Returns the vector3d result of the addition of \c this vector3d with the \c other vector3d \li \code var a = Qt.vector3d(1,2,3); var b = Qt.vector3d(4,5,6); var c = a.plus(b); console.log(c.toString()); // QVector3D(5, 7, 9) \endcode \row \li vector3d minus(vector3d other) \li Returns the vector3d result of the subtraction of \c other vector3d from \c this vector3d \li \code var a = Qt.vector3d(1,2,3); var b = Qt.vector3d(4,5,6); var c = a.minus(b); console.log(c.toString()); // QVector3D(-3, -3, -3) \endcode \row \li vector3d normalized() \li Returns the normalized form of \c this vector \li \code var a = Qt.vector3d(1,2,3); var b = a.normalized(); console.log(b.toString()); // QVector3D(0.267261, 0.534522, 0.801784) \endcode \row \li real length() \li Returns the scalar real value of the length of \c this vector3d \li \code var a = Qt.vector3d(1,2,3); var b = a.length(); console.log(b.toString()); // 3.7416573867739413 \endcode \row \li vector2d toVector2d() \li Returns the vector2d result of converting \c this vector3d to a vector2d \li \code var a = Qt.vector3d(1,2,3); var b = a.toVector2d(); console.log(b.toString()); // QVector2D(1, 2) \endcode \row \li vector4d toVector4d() \li Returns the vector4d result of converting \c this vector3d to a vector4d \li \code var a = Qt.vector3d(1,2,3); var b = a.toVector4d(); console.log(b.toString()); // QVector4D(1, 2, 3, 0) \endcode \row \li bool fuzzyEquals(vector3d other, real epsilon) \li Returns true if \c this vector3d is approximately equal to the \c other vector3d. The approximation will be true if each attribute of \c this is within \c epsilon of \c other. Note that \c epsilon is an optional argument, the default \c epsilon is 0.00001. \li \code var a = Qt.vector3d(1,2,3); var b = Qt.vector3d(1.0001, 1.9998, 2.0001); var c = a.fuzzyEquals(b); // default epsilon var d = a.fuzzyEquals(b, 0.005); // supplied epsilon console.log(c + " " + d); // false true \endcode \endtable This basic type is provided by the QtQuick import. \sa {QML Basic Types} */ /*! \qmlbasictype vector4d \ingroup qtquickbasictypes \brief A vector4d type has x, y, z and w attributes. A \c vector4d type has \c x, \c y, \c z and \c w attributes, otherwise it is similar to the \c vector3d type. Please see the documentation about the \c vector3d type for more information. To create a \c vector4d value, specify it as a "x,y,z,w" string, or define the components individually, or compose it with the Qt.vector4d() function. The vector4d type has the following idempotent functions which can be invoked in QML: \table \header \li Function Signature \li Description \li Example \row \li real dotProduct(vector4d other) \li Returns the scalar real result of the dot product of \c this vector4d with the \c other vector4d \li \code var a = Qt.vector4d(1,2,3,4); var b = Qt.vector4d(5,6,7,8); var c = a.dotProduct(b); console.log(c); // 70 \endcode \row \li vector4d times(matrix4x4 matrix) \li Returns the vector4d result of transforming \c this vector4d with the 4x4 \c matrix with the matrix applied post-vector \li \code var a = Qt.vector4d(1,2,3,4); var b = Qt.matrix4x4(4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19); var c = a.times(b); console.log(c.toString()); // QVector4D(120, 130, 140, 150) \endcode \row \li vector4d times(vector4d other) \li Returns the vector4d result of multiplying \c this vector4d with the \c other vector4d \li \code var a = Qt.vector4d(1,2,3,4); var b = Qt.vector4d(5,6,7,8); var c = a.times(b); console.log(c.toString()); // QVector4D(5, 12, 21, 32) \endcode \row \li vector4d times(real factor) \li Returns the vector4d result of multiplying \c this vector4d with the scalar \c factor \li \code var a = Qt.vector4d(1,2,3,4); var b = 4.48; var c = a.times(b); console.log(c.toString()); // QVector3D(4.48, 8.96, 13.44, 17.92) \endcode \row \li vector4d plus(vector4d other) \li Returns the vector4d result of the addition of \c this vector4d with the \c other vector4d \li \code var a = Qt.vector4d(1,2,3,4); var b = Qt.vector4d(5,6,7,8); var c = a.plus(b); console.log(c.toString()); // QVector4D(6, 8, 10, 12) \endcode \row \li vector4d minus(vector4d other) \li Returns the vector4d result of the subtraction of \c other vector4d from \c this vector4d \li \code var a = Qt.vector4d(1,2,3,4); var b = Qt.vector4d(5,6,7,8); var c = a.minus(b); console.log(c.toString()); // QVector4D(-4, -4, -4, -4) \endcode \row \li vector4d normalized() \li Returns the normalized form of \c this vector \li \code var a = Qt.vector4d(1,2,3,4); var b = a.normalized(); console.log(b.toString()); // QVector4D(0.182574, 0.365148, 0.547723, 0.730297) \endcode \row \li real length() \li Returns the scalar real value of the length of \c this vector3d \li \code var a = Qt.vector4d(1,2,3,4); var b = a.length(); console.log(b.toString()); // 5.477225575051661 \endcode \row \li vector2d toVector2d() \li Returns the vector2d result of converting \c this vector4d to a vector2d \li \code var a = Qt.vector4d(1,2,3,4); var b = a.toVector2d(); console.log(b.toString()); // QVector2D(1, 2) \endcode \row \li vector3d toVector3d() \li Returns the vector3d result of converting \c this vector4d to a vector3d \li \code var a = Qt.vector4d(1,2,3,4); var b = a.toVector3d(); console.log(b.toString()); // QVector3D(1, 2, 3) \endcode \row \li bool fuzzyEquals(vector4d other, real epsilon) \li Returns true if \c this vector4d is approximately equal to the \c other vector4d. The approximation will be true if each attribute of \c this is within \c epsilon of \c other. Note that \c epsilon is an optional argument, the default \c epsilon is 0.00001. \li \code var a = Qt.vector4d(1,2,3,4); var b = Qt.vector4d(1.0001, 1.9998, 2.0001, 3.9999); var c = a.fuzzyEquals(b); // default epsilon var d = a.fuzzyEquals(b, 0.005); // supplied epsilon console.log(c + " " + d); // false true \endcode \endtable This basic type is provided by the QtQuick import. \sa {QML Basic Types} */ /*! \qmlbasictype quaternion \ingroup qtquickbasictypes \brief A quaternion type has scalar, x, y, and z attributes. A \c quaternion type has \c scalar, \c x, \c y and \c z attributes. To create a \c quaternion value, specify it as a "scalar,x,y,z" string, or define the components individually, or compose it with the Qt.quaternion() function. This basic type is provided by the QtQuick import. \sa {QML Basic Types} */ /*! \qmlbasictype matrix4x4 \ingroup qtquickbasictypes \brief A matrix4x4 type is a 4-row and 4-column matrix A \c matrix4x4 type has sixteen values, each accessible via the properties \c m11 through \c m44 in QML (in row/column order). Values of this type can be composed with the Qt.matrix4x4() function. Each attribute in a matrix4x4 is stored as a real (single-precision on ARM, double-precision on x86). The matrix4x4 type has the following idempotent functions which can be invoked in QML: \table \header \li Function Signature \li Description \li Example \row \li matrix4x4 times(matrix4x4 other) \li Returns the matrix4x4 result of multiplying \c this matrix4x4 with the \c other matrix4x4 \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = Qt.matrix4x4(4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19); var c = a.times(b); console.log(c.toString()); // QMatrix4x4(120, 130, 140, 150, 280, 306, 332, 358, 440, 482, 524, 566, 600, 658, 716, 774) \endcode \row \li vector4d times(vector4d vector) \li Returns the vector4d result of transforming the \c vector according to \c this matrix4x4 with the matrix applied pre-vector \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = Qt.vector4d(5,6,7,8); var c = a.times(b); console.log(c.toString()); // QVector4D(70, 174, 278, 382) \endcode \row \li vector3d times(vector3d vector) \li Returns the vector3d result of transforming the \c vector according to \c this matrix4x4 with the matrix applied pre-vector \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = Qt.vector3d(5,6,7); var c = a.times(b); console.log(c.toString()); // QVector3D(0.155556, 0.437037, 0.718518) \endcode \row \li matrix4x4 times(real factor) \li Returns the matrix4x4 result of multiplying \c this matrix4x4 with the scalar \c factor \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = 4.48; var c = a.times(b); console.log(c.toString()); // QMatrix4x4(4.48, 8.96, 13.44, 17.92, 22.4, 26.88, 31.36, 35.84, 40.32, 44.8, 49.28, 53.76, 58.24, 62.72, 67.2, 71.68) \endcode \row \li matrix4x4 plus(matrix4x4 other) \li Returns the matrix4x4 result of the addition of \c this matrix4x4 with the \c other matrix4x4 \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = Qt.matrix4x4(5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20); var c = a.plus(b); console.log(c.toString()); // QMatrix4x4(6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36) \endcode \row \li matrix4x4 minus(matrix4x4 other) \li Returns the matrix4x4 result of the subtraction of \c other matrix4x4 from \c this matrix4x4 \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = Qt.matrix4x4(5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20); var c = a.minus(b); console.log(c.toString()); // QMatrix4x4(-4, -4, -4, -4, -4, -4, -4, -4, -4, -4, -4, -4, -4, -4, -4, -4) \endcode \row \li vector4d row(int which) \li Returns the vector4d row of \c this specified by \c which. Note: the \c which is 0-based access into the matrix. \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = Qt.vector4d(a.m21, a.m22, a.m23, a.m24); var c = a.row(2); // zero based access! so not equal to b console.log(b.toString() + " " + c.toString()); // QVector4D(5, 6, 7, 8) QVector4D(9, 10, 11, 12) \endcode \row \li vector4d column(int which) \li Returns the vector4d column of \c this specified by \c which. Note: the \c which is 0-based access into the matrix. \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = Qt.vector4d(a.m12, a.m22, a.m32, a.m42); var c = a.column(2); // zero based access! so not equal to b console.log(b.toString() + " " + c.toString()); // QVector4D(2, 6, 10, 14) QVector4D(3, 7, 11, 15) \endcode \row \li real determinant() \li Returns the determinant of \c this matrix4x4 \li \code var a = Qt.matrix4x4(1,0,0,0,0,2,0,0,0,0,3,0,100,200,300,1); var b = a.determinant(); console.log(b); // 6 \endcode \row \li matrix4x4 inverted() \li Returns the inverse of \c this matrix4x4 if it exists, else the identity matrix. \li \code var a = Qt.matrix4x4(1,0,0,0,0,2,0,0,0,0,3,0,100,200,300,1); var b = a.inverted(); console.log(b.toString()); // QMatrix4x4(1, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.333333, 0, -100, -100, -100, 1) \endcode \row \li matrix4x4 transposed() \li Returns the transpose of \c this matrix4x4 \li \code var a = Qt.matrix4x4(1,0,0,0,0,2,0,0,0,0,3,0,100,200,300,1); var b = a.transposed(); console.log(b.toString()); // QMatrix4x4(1, 0, 0, 100, 0, 2, 0, 200, 0, 0, 3, 300, 0, 0, 0, 1) \endcode \row \li bool fuzzyEquals(matrix4x4 other, real epsilon) \li Returns true if \c this matrix4x4 is approximately equal to the \c other matrix4x4. The approximation will be true if each attribute of \c this is within \c epsilon of the respective attribute of \c other. Note that \c epsilon is an optional argument, the default \c epsilon is 0.00001. \li \code var a = Qt.matrix4x4(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16); var b = Qt.matrix4x4(1.0001,2.0001,3.0002,4.0003,5.0001,6.0002,7.0002,8.0004,9.0001,10.0003,11.0003,12.0004,13.0001,14.0002,15.0003,16.0004); var c = a.fuzzyEquals(b); // default epsilon var d = a.fuzzyEquals(b, 0.005); // supplied epsilon console.log(c + " " + d); // false true \endcode \endtable This basic type is provided by the QtQuick import. \sa {QML Basic Types} */ /*! \qmlmodule QtTest 1.0 \title Qt Quick Test \brief This module provides QML types to unit test your QML application You can import this module using the following statement: \code import QtTest 1.0 \endcode For more information about how to use these types, see \l{Qt Quick Test Reference Documentation}. */