Hide navigation sidebar

Hide table of contents sidebar

Toggle site navigation sidebar

Toggle table of contents sidebar

Qt for Python Documentation
Toggle child pages in navigation
Qt for Python Getting Started
Getting Started on Linux
Getting Started on macOS
Getting Started on Windows
Animation Framework
The Animation Framework
Window and Dialog Widgets
Audio Overview
Qt Bindable Properties
Qt Bluetooth Examples
Camera Overview
Compatibility Map
Changes to Qt Concurrent
Container Classes
Coordinate System
Creating a sensor plugin
Creating Custom Qt Types
Database Classes
Serializing Qt Data Types
Qt Data Visualization Examples
Changes to Qt D-Bus
Determining the default sensor for a type
Dialog Windows
Drag and Drop
Dynamic Sensor Backend Registration
QWebSocket client example
WebSocket server example
Event Classes
The Event System
Qt D-Bus Examples
Qt Designer Examples
Desktop Examples
Dialog Examples
Graphics View Examples
Item Views Examples
Main Window Examples
Network Examples
Painting Examples
Qt Help Examples
Qt Network Authorization Examples
Qt SCXML Examples
Qt UI Tools Examples
Rich Text Examples
Qt Widgets Examples
OpenGL Examples from the Qt OpenGL module
Keyboard Focus in Widgets
Qt Widget Gallery
Generic Backend
Gestures in Widgets and Graphics View
Graphics View Framework
Changes to Qt GUI
Help System
Implicit Sharing
Input/Output and Networking
File and Datastream Functions
Java-style Iterators in Qt
JSON Support in Qt
Layout Management
Application Main Window
The Meta-Object System
Model/View Programming
Model/View Tutorial
Qt Multimedia Examples
Multimedia Overview
Network Programming API
Changes to Qt Network
Qt NFC on Android
Qt NFC Examples
Object Model
Object Trees & Ownership
Changes to Qt OpenGL
Painting Classes
Rendering in 3D
Paint System
Paint Devices and Backends
Drawing and Filling
Reading and Writing Image Files
Plugin Classes
Qt Positioning GeoClue v2 plugin
Qt Positioning Gypsy plugin
Qt Positioning NMEA plugin
Interfaces between C++ and QML Code in Qt Positioning
Printer and Printing APIs
Changes to Qt Print Support
The Property System
Declaring Signals in D-Bus Adaptors
Declaring Slots in D-Bus Adaptors
The Qt D-Bus Type System
D-Bus Viewer
Qt D-Bus XML compiler (qdbusxml2cpp)
Constructor and Destructor
Placement
Non-recommended uses
Reentrancy, Thread-safety, Deadlocks, and Exception-safety on Construction
Destruction
QML Advanced Tutorial
Changes to Qt QML
QML Dynamic View Ordering Tutorial
QML Tutorial
QML Tutorial 1 - Basic Types
QML Tutorial 2 - QML Components
QML Tutorial 3 - States and Transitions
The QML Disk Cache
Qt Quick Examples - Toggle Switch
Qt QML Examples
The QML Reference
Using the Qt SCXML Compiler (qscxmlc)
Qt 3D: Advanced Custom Material QML Example
Qt 3D: Audio Visualizer Example
Qt 3D: Basic Shapes C++ Example
Changes to Qt3D
Qt 3D C++ Classes
Qt 3D Examples
Qt 3D: Multi Viewport QML Example
Qt 3D Overview
Qt 3D: PBR Materials QML Example
Qt 3D: Planets QML Example
Qt 3D QML Types
Qt 3D: Scene2D QML Example
Qt 3D: Scene3D QML Example
Qt 3D: Shadow Map QML Example
Qt 3D: Simple C++ Example
Qt 3D: Simple QML Example
Qt 3D: Simple Custom Material QML Example
Qt 3D: Wave QML Example
Qt 3D: Scene3D QML with Widgets Example
Qt 3D: Wireframe QML Example
Qt 3D Render Framegraph
Qt 3D Render Geometry
Qt 3D Render Porting to RHI
Qt 3D Render Pro Tips
Types of Iterators
Input Iterators
Output Iterators
Forward Iterators
Bidirectional Iterators
Random Access Iterators
Bluetooth Chat Example
Bluetooth Scanner Example
Changes to Qt Bluetooth
Bluetooth Low Energy Heart Rate Game
Bluetooth Low Energy Heart Rate Server Example
Bluetooth Low Energy Overview
Bluetooth Low Energy Scanner Example
Qt Bluetooth Overview
Bluetooth QML Ping Pong example
AreaChart Example
Audio Example
BarChart Example
BarModelMapper Example
Box and Whiskers Example
Callout Example
Candlestick Chart Example
Changes to Qt Charts
Chart Themes Example
Custom Chart Example
DateTimeAxis Example
Donut Chart Breakdown Example
Donutchart Example
Dynamic Spline Example
Qt Charts Examples
HorizontalBarChart Example
HorizontalPercentBarChart Example
HorizontalStackedBarChart Example
Legend Example
LegendMarkers Example
Line and BarChart Example
LineChart Example
Logarithmic Axis Example
Model Data Example
Multiple Axes Example
Nested Donuts Example
OpenGL Accelerated Series Example
Qt Charts Overview
PercentBarChart Example
Piechart Example
Pie Chart Customization Example
Piechart Drilldown Example
Light Markers Points Selection Example
Polar Chart Example
Qml Axes
Qml Charts Example
Qml Customizations
Qml Custom Legend
Qml F1 Legends
Qml Oscilloscope
Qml Polar Chart
Qml Weather
ScatterChart Example
Scatter Interactions Example
SelectedBar Example
SplineChart Example
StackedBarChart Example
StackedBarChart Drilldown Example
Temperature Records Example
Zoom Line Example
Image Scaling Example
Map Example
QtConcurrent Progress Dialog Example
Run Function Example
QtConcurrent Word Count Example
Concurrent Filter and Filter-Reduce
Concurrent Map and Map-Reduce
Concurrent Run
Concurrent Task
Changes to Qt Core
Local Fortune Client Example
Local Fortune Server Example
Shared Memory Example
MIME Type Browser Example
Qt Android Notifier
JSON Save Game Example
Mandelbrot Example
Queued Custom Type Example
Semaphores Example
Wait Conditions Example
Contiguous Cache Example
Custom Type Example
Bars Example
Custom Input Example
Custom Items Example
Custom Proxy Example
Axis Range Dragging With Labels Example
Item Model Example
Qt Quick 2 Oscilloscope Example
Qt Quick 2 Axis Dragging Example
Qt Quick 2 Axis Formatter Example
Qt Quick 2 Bars Example
Qt Quick 2 Custom Input Example
Qt Quick 2 Legend Example
Qt Quick 2 Multiple Graphs Example
Qt Quick 2 Scatter Example
Qt Quick 2 Spectrogram Example
Qt Quick 2 Surface Example
Qt Quick 2 Surface Multiseries Example
Rotations Example
Scatter Example
Surface Example
Textured Surface Example
Volumetric rendering Example
Qt Data Visualization Data Handling
Qt Data Visualization Interacting with Data
Qt Data Visualization Known Issues
Qt Data Visualization Overview
D-Bus Chat Example
qt_add_dbus_adaptor
qt_add_dbus_interface
qt_add_dbus_interfaces
qt_generate_dbus_interface
D-Bus Complex Ping Pong Example
D-Bus List Names Example
D-Bus Ping Pong Example
D-Bus Remote Controlled Car Example
Calculator Builder Example
Calculator Form Example
Creating and Using Components for Qt Designer
Container Extension Example
Custom Widget Plugin Example
Qt Designer Manual
Task Menu Extension Example
World Time Clock Builder Example
World Time Clock Plugin Example
Qt Test Overview
Qt Test Tutorial
Types
Functions
Macros
Analog Clock Window Example
Raster Window Example
Context-Sensitive Help Example
The Qt Help Framework
Qt Help Project
Making Applications Scriptable
Qt Multimedia on macOS and iOS
Changes to Qt Multimedia
Audio Devices Example
Audio Output Example
Audio Recorder Example
Audio Source Example
QML Camera Example
Spectrum Example
QML Media Player Example
QML Video Example
QML Recorder Example
Camera Example
Media Player Example
Video Graphics Item Example
Video Widget Example
Blocking Fortune Client Example
Broadcast Receiver Example
Broadcast Sender Example
Network Download Example
Network Download Manager Example
Fortune Client Example
Fortune Server Example
Google Suggest Example
HTTP Example
Loopback Example
Multicast Receiver Example
Multicast Sender Example
Network Chat Example
Network Programming with Qt
Secure Socket Client Example
DTLS client
DTLS server
Threaded Fortune Server Example
Torrent Example
Changes to Qt Network Authorization
Reddit Example
Twitter Timeline Example
Annotated URL Example
Changes to Qt NFC
NDEF Editor Example
Qt NFC Overview
2D Painting Example
Cube OpenGL ES 2.0 example
Hello GL2 Example
Hello GLES3 Example
OpenGL Window Example
Textures Example
Qt Positioning on Android
Changes to Qt Positioning
Qt Positioning Examples
GeoFlickr (QML)
Qt Positioning on iOS
Log File Position Source (C++)
Qt Positioning Plugins
SatelliteInfo (C++/QML)
Weather Info (C++/QML)
Defining Object Types through QML Documents
Resource Loading and Network Transparency
Scope and Naming Resolution
Structure of a QML Document
QML Documents
QML Example - Dynamic Scene
Dynamic QML Object Creation from JavaScript
JavaScript Expressions in QML Documents
Configuring the JavaScript Engine
List of JavaScript Objects and Functions
JavaScript Host Environment
Importing JavaScript Resources in QML
QML Global Object
Defining JavaScript Resources in QML
Integrating QML and JavaScript
C++ Extensions: Network Access Manager Factory Example
QML Examples - Internationalization
QML Plugin Example
QML Syntax Basics
Importing QML Document Directories
Import Statements
QML Object Attributes
Property Binding
Signal and Handler Event System
QML Type Compiler
Writing QML Extensions with C++
QML Basic Types
QML Object Types
The QML Type System
Qt Quick Examples - XMLHttpRequest
Qt Quick Examples - Animation
Best Practices for QML and Qt Quick
Qt Quick Examples - Canvas
Qt Quick Examples and Tutorials
Important Concepts In Qt Quick - Convenience Types
C++ Extension Points Provided By Qt Quick
UI Components: Dial Control Example
UI Components: Flipable Example
Scene Graph - Painted Item
UI Components: Scroll Bar Example
TabWidget Example
Qt Quick Examples - Drag and Drop
Using the Qt Quick Particle System
Sprite Animations
Important Concepts In Qt Quick - Graphical Effects
Qt Quick Transformation Types
Qt Quick Examples - externaldraganddrop
Qt Quick Examples - Image Elements
C++ Extensions: Image Provider Example
C++ Extensions: Image Response Provider Example
Keyboard Focus in Qt Quick
Mouse Events
Qt Quick Text Input Handling and Validators
Important Concepts In Qt Quick - User Input
Qt Quick Examples - Key Interaction
Qt Quick Layouts - Basic Example
Qt Quick Examples - Local Storage
Models and Views: AbstractItemModel Example
Models and Views: Object ListModel Example
Models and Views: String ListModel Example
Using C++ Models with Qt Quick Views
Models and Views in Qt Quick
Important Concepts In Qt Quick - Data - Models, Views and Data Storage
Qt Quick Examples - MouseArea
Qt Quick Particles Examples - Affectors
Qt Quick Particles Examples - Emitters
Qt Quick Particles Examples - Image Particles
Particle System Performance Guide
Qt Quick Particles Examples - System
Qt Quick Examples - Positioners
Positioning with Anchors
Item Positioners
Right-to-left User Interfaces
Important Concepts In Qt Quick - Positioning
Qt Quick Examples - Accessibility
Qt Quick Widgets Example
QQuickRenderControl D3D11 Example
QQuickRenderControl OpenGL Example
Qt Quick Examples - Right to Left
Scene Graph - Custom Geometry
Scene Graph - Custom Material
Scene Graph - Direct3D 11 Under QML
Scene Graph - Rendering FBOs
Scene Graph - Graph
Qt Quick Scene Graph Material Classes
Scene Graph - Metal Texture Import
Scene Graph - Metal Under QML
Qt Quick Scene Graph Node classes
Scene Graph - OpenGL Under QML
Scene Graph - Two Texture Providers
Scene Graph - Vulkan Texture Import
Scene Graph - Vulkan Under QML
Qt Quick Examples - Shader Effects
Qt Quick Examples - Shapes
Animation and Transitions in Qt Quick
Using Qt Quick Behaviors with States
Qt Quick States
Important Concepts in Qt Quick - States, Transitions and Animations
Qt Quick TableView examples - Conway’s Game of Life
Qt Quick TableViews examples - Pixelator
Qt Quick Examples - Text
Qt Quick Text Validators
Qt Quick Examples - Threading
Threaded ListModel Example
qmllint
Qt Quick Tools and Utilities
Qt Quick Examples - Touch Interaction
QML Dynamic View Ordering Tutorial 1 - A Simple ListView and Delegate
QML Dynamic View Ordering Tutorial 2 - Dragging View Items
QML Dynamic View Ordering Tutorial 3 - Moving Dragged Items
QML Dynamic View Ordering Tutorial 4 - Sorting Items
QML Advanced Tutorial 1 - Creating the Game Canvas and Blocks
QML Advanced Tutorial 2 - Populating the Game Canvas
QML Advanced Tutorial 3 - Implementing the Game Logic
QML Advanced Tutorial 4 - Finishing Touches
Qt Quick Examples - Views
Scene Graph Adaptations
Qt Quick OpenVG Adaptation
Qt Quick Software Adaptation
Concepts - Visual Coordinates in Qt Quick
Qt Quick Scene Graph
Qt Quick Scene Graph Default Renderer
Important Concepts In Qt Quick - The Visual Canvas
Concepts - Visual Parent in Qt Quick
Important Concepts In Qt Quick - Visual Types
Qt Quick Examples - Window and Screen
Changes to Qt Quick Controls
Qt Quick Controls - Chat Tutorial
Qt Quick Controls - Contact List
Qt Quick Controls - Event Calendar
Qt Quick Controls - Flat Style
Qt Quick Controls - Gallery
Qt Quick Controls - Imagine Style Example: Automotive
Qt Quick Controls - Imagine Style Example: Music Player
Qt Quick Controls - Side Panel
Qt Quick Controls - Swipe to Remove
Qt Quick Controls - Text Editor
Qt Quick Controls - Wearable Demo
Basic Style
Button Controls
Qt Quick Controls Configuration File
Container Controls
Customizing Qt Quick Controls
Delegate Controls
Deploying Qt Quick Controls Applications
Supported Environment Variables in Qt Quick Controls
Qt Quick Controls Examples
Using File Selectors with Qt Quick Controls
Focus Management in Qt Quick Controls
Fusion Style
Getting Started with Qt Quick Controls
Qt Quick Controls Guidelines
Icons in Qt Quick Controls
Imagine Style
Indicator Controls
Input Controls
macOS Style
Material Style
Menu Controls
Navigation Controls
Popup Controls
Separator Controls
Styling Qt Quick Controls
Universal Style
Windows Style
Qt Quick Layouts Overview
qt_add_repc_merged
qt_add_repc_replicas
qt_add_repc_sources
qt_reps_from_headers
Qt Remote Objects Protocol Versioning
APIs for Implementing Custom Transport Backends
Qt Remote Objects - External QIODevices
Getting Started with Qt Remote Objects
Remote Object Interaction
Model-View Client
Model-View Server
Qt Remote Objects Nodes
QML Model-View Client
Qt Remote Objects Registry
Qt Remote Objects Compiler
Qt Remote Objects Replica
Qt Remote Objects Source
QtRemoteObjects SSL Example
Troubleshooting Qt Remote Objects
QtRemoteObjects WebSockets Example
Qt SCXML Calculator QML Example
Qt SCXML Calculator Example
Changes to Qt SCXML
qt_add_statecharts
Qt SCXML FTP Client Example
Instantiating State Machines
Qt SCXML Invoke Example (Dynamic)
Qt SCXML Invoke Example (Static)
Qt SCXML Media Player QML Example (C++ Data Model)
Qt SCXML Media Player QML Example (Dynamic)
Qt SCXML Media Player QML Example (Static)
Qt SCXML Media Player Example (Dynamic)
Qt SCXML Media Player Example (Static)
Qt SCXML Overview
Qt SCXML Pinball Example
SCXML Compliance
Qt SCXML Sudoku Example
Qt SCXML Traffic Light QML Example (Dynamic)
Qt SCXML Traffic Light QML Example (Simple)
Qt SCXML Traffic Light QML Example (Static)
Qt SCXML Traffic Light Example (Dynamic)
Qt SCXML Traffic Light Example (Static)
Qt Sensors - Accel Bubble
Changes to Qt Sensors
Qt Sensors C++ Overview
Qt Sensors Examples
Qt Sensors - Grue Sensor Example
Qt Sensors - Maze QML Example
Qt Sensors - QML Example
Qt Sensors - Explorer QML Example
Qt Sensors - Sensors Showcase
Blocking Receiver Example
Blocking Sender Example
Command Line Enumerator Example
Changes to Qt SerialPort
Command Line Reader Async Example
Command Line Reader Sync Example
Command Line Writer Async Example
Command Line Writer Sync Example
Enumerator Example
Qt Serial Port Examples
Terminal Example
Books
Cached Table Example
Changes to Qt SQL
Drill Down Example
Master Detail Example
Query Model Example
Relational Table Model Example
SQL Browser
SQL Widget Mapper Example
Table Model Example
Changes to Qt SVG
Text Object Example
SVG Generator Example
SVG Viewer Example
Qt Test Best Practices
Chapter 1: Writing a Unit Test
Chapter 2: Data Driven Testing
Chapter 3: Simulating GUI Events
Chapter 4: Replaying GUI Events
Chapter 5: Writing a Benchmark
Chapter 6: Skipping Tests with QSKIP
Multiple Inheritance Example
Text Finder Example
Changes to Qt WebChannel
Qt WebChannel ChatClient HTML Example
Qt WebChannel ChatClient QML Example
Qt WebChannel ChatServer Example
Qt WebChannel Examples
Qt WebChannel JavaScript API
Qt WebChannel Standalone Example
Changes to Qt WebEngine
Qt WebEngine Features
Qt WebEngine Overview
Qt WebEngine Platform Notes
WebEngine Qt Quick Custom Dialogs Example
WebEngine Lifecycle Example
WebEngine Qt Quick Minimal Example
WebEngine Quick Nano Browser
WebEngine Recipe Browser
WebEngine Action Example
WebEngine Content Manipulation Example
WebEngine Cookie Browser Example
WebEngine Widgets Html2Pdf Example
WebEngine Widgets Maps Example
WebEngine Markdown Editor Example
WebEngine Widgets Minimal Example
WebEngine Notifications Example
WebEngine Widgets PrintMe Example
WebEngine Widgets Simple Browser Example
WebEngine Widgets Spellchecker Example
WebEngine StyleSheet Browser Example
WebEngine Widgets Video Player Example
WebEngine Widgets WebUI Example
Porting from Qt WebKit to Qt WebEngine
Changes to Qt WebSockets
Echo Client Example
Echo Server Example
Qt WebSockets Examples
QML WebSocket Client Example
QML WebSocket Server Example
Simple Chat Example
SSL Echo Client Example
SSL Echo Server Example
Testing Qt WebSockets
Easing Curves Example
Screenshot Example
System Tray Icon Example
Class Wizard Example
Extension Example
Find Files Example
License Wizard Example
Standard Dialogs Example
Tab Dialog Example
Trivial Wizard Example
Draggable Icons Example
Draggable Text Example
Drop Site Example
Fridge Magnets Example
Drag and Drop Puzzle Example
Blur Picker Effect Example
Fade Message Effect Example
Widgets Gallery Example
Image Gestures Example
Anchor Layout Example
Basic Graphics Layouts Example
40000 Chips
Colliding Mice Example
Diagram Scene Example
Drag and Drop Robot Example
Elastic Nodes Example
Embedded Dialogs
Graphics View Flow Layout Example
Simple Anchor Layout Example
Weather Anchor Layout Example
Address Book Example
Basic Sort/Filter Model Example
Chart Example
Color Editor Factory Example
Combo Widget Mapper Example
Custom Sort/Filter Model Example
Dir View Example
Editable Tree Model Example
Fetch More Example
Frozen Column Example
Interview
Pixelator Example
Item Views Puzzle Example
Simple DOM Model Example
Simple Tree Model Example
Simple Widget Mapper Example
Spin Box Delegate Example
Spreadsheet
Star Delegate Example
Basic Layouts Example
Border Layout Example
Dynamic Layouts Example
Flow Layout Example
Qt Widgets - Application Example
Dock Widgets Example
Main Window
MDI Example
Menus Example
SDI Example
Affine Transformations
Basic Drawing Example
Composition Modes
Concentric Circles Example
Vector Deformation
Font Sampler Example
Gradients
Image Composition Example
Painter Paths Example
Path Stroking
Transformations Example
Calendar Example
Order Form Example
Syntax Highlighter Example
Text Edit
Completer Example
Custom Completer Example
Echo Plugin Example
I18N Example
Plug & Paint Example
Plug & Paint Basic Tools Example
Plug & Paint Extra Filters Example
QRegularExpression Example
Settings Editor Example
Style Plugin Example
Tree Model Completer Example
Undo Framework
Undo Framework Example
Touch Dials Example
Finger Paint Example
Touch Knobs Example
Pinch Zoom Example
Part 1 - Designing the User Interface
Part 2 - Adding Addresses
Part 3 - Navigating between Entries
Part 4 - Editing and Removing Addresses
Part 5 - Adding a Find Function
Part 6 - Loading and Saving
Part 7 - Additional Features
Getting Started Programming with Qt Widgets
Widgets Tutorial - Child Widgets
Widgets Tutorial - Nested Layouts
Widgets Tutorial - Creating a Window
Widgets Tutorial - Using Layouts
Analog Clock Example
Calculator Example
Calendar Widget Example
Character Map Example
Code Editor Example
Digital Clock Example
Elided Label Example
Group Box Example
Icons Example
Image Viewer Example
Line Edits Example
Mouse Button Tester
Movie Example
Scribble Example
Shaped Clock Example
Sliders Example
Spin Boxes Example
Styles Example
Style Sheet Example
Tablet Example
Tetrix Example
Tool Tips Example
Validators Example
Wiggly Example
Window Flags Example
DOM Bookmarks Example
QXmlStream Bookmarks Example
XML Stream Lint Example
Changes to Qt Quick
Styling
Changes to Qt Remote Objects
Example 2: Direct Connection with a Dynamic Replica
Example 3: Connections to Remote Nodes using a Registry
Example 1: Direct Connection using a Static Source
The Qt Resource System
Rich Text Processing
Advanced Rich Text Processing
Common Rich Text Editing Tasks
The QTextCursor Interface
Supported HTML Subset
Document Layouts
Rich Text Processing APIs
Rich Text Document Structure
Sensorfw Backend
Qt Sensors Backend
Implicitly Shared Classes
Signals & Slots
Connecting to Databases
SQL Database Drivers
Creating Data-Aware Forms
Using the SQL Model Classes
Presenting Data in a Table View
SQL Programming
Executing SQL Statements
Data Types for Qt-supported Database Systems
Secure Sockets Layer (SSL) Classes
Standard Dialogs
Styles and Style Aware Widgets
Qt Style Sheets
Customizing Qt Widgets Using Style Sheets
Qt Designer Integration
Qt Style Sheets Examples
Qt Style Sheets Reference
The Style Sheet Syntax
Rendering SVG Files
Changes to Qt Test
Text Edit Example
Timers
Address Book Tutorial
Using Qt D-Bus Adaptors
Video Overview
Qt WebEngine Quick Examples
Qt WebEngine Widgets Examples
Qt WebSockets Overview
Widgets Classes
Changes to Qt Widgets
Widgets Tutorial
Changes to Qt XML
Working with the DOM Tree
An Introduction to Namespaces
XML Processing
XML Streaming
XML Classes
Why do we have a __feature__?
The snake_case feature
The true_property feature
The __feature__ import

Toggle table of contents sidebar

QML Example - Dynamic Scene#

This example demonstrates creating components dynamically.

Example project @ code.qt.io

Dynamic QML Object Creation from JavaScript

Copyright © 2022 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 (https://www.gnu.org/licenses/fdl.html) as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.

Made with Sphinx and @pradyunsg's Furo