diff options
| author | Alexei Cazacov <alexei.cazacov@qt.io> | 2025-05-27 12:35:42 +0300 |
|---|---|---|
| committer | Alexei Cazacov <alexei.cazacov@qt.io> | 2025-08-01 13:42:37 +0000 |
| commit | 161464abf696d5f64c1e44c3b49313e84e51e709 (patch) | |
| tree | c1ea2cd15b211d74cae538726d94b77161650cd4 /src/quick/doc/snippets/qmlapp/usecases/integratingjs.qml | |
| parent | cfacbf675b4f2881ce151b537d7dc18414037e6e (diff) | |
Doc: Create a Getting Started section for the Qt Quick module
This commit moves the "Building UIs with Qt Quick" tree section to the
Qt Quick module as a getting started subtree.
Changes:
qtquick-debugging.html - moved to concepts/Debugging
qtquick-deployment.html - moved to concepts/Deployment
qtquick-performance.html - moved to concepts/Performance
qml-codingconventions.html - moved to guidelines/Coding Conventions
scalability.html - moved to guidelines/Scalability
qtquick-qml-runtime.html - moved to the qml module
"Use Case" topics moved to Getting Started:
Visual Elements In QML -> Visual types
Positioners and Layouts In QML -> Positioners and layouts
Responding To User Input in QML -> Handling user input
Displaying Text In QML -> Displaying text
Animations In QML -> Animations
Style And Theme Support -> was deleted (it had almost zero useful info)
Integrating JavaScript in QML -> Integrating JavaScript in QML
Task-number: QTBUG-134130
Pick-to: 6.10 6.9
Change-Id: I14c8e4abadc587fbba788b7ce479c3a8364d0a42
Reviewed-by: Ulf Hermann <ulf.hermann@qt.io>
Reviewed-by: Kai Köhne <kai.koehne@qt.io>
Diffstat (limited to 'src/quick/doc/snippets/qmlapp/usecases/integratingjs.qml')
| -rw-r--r-- | src/quick/doc/snippets/qmlapp/usecases/integratingjs.qml | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/quick/doc/snippets/qmlapp/usecases/integratingjs.qml b/src/quick/doc/snippets/qmlapp/usecases/integratingjs.qml new file mode 100644 index 0000000000..0e36c1c2ec --- /dev/null +++ b/src/quick/doc/snippets/qmlapp/usecases/integratingjs.qml @@ -0,0 +1,33 @@ +// Copyright (C) 2016 The Qt Company Ltd. +// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause + +//![0] +import QtQuick +import "myscript.js" as Logic + +Item { + width: 320 + height: 480 + + Rectangle { + color: "#272822" + width: 320 + height: 480 + } + + TapHandler { + // This line uses the JS function from the separate JS file + onTapped: rectangle.rotation = Logic.getRandom(rectangle.rotation); + } + + Rectangle { + id: rectangle + anchors.centerIn: parent + width: 160 + height: 160 + color: "green" + Behavior on rotation { RotationAnimation { direction: RotationAnimation.Clockwise } } + } + +} +//![0] |