Building Custom QML Components | Qt Quick Overview #3

Описание: Build your own reusable QML components! In this video, we walk through creating a custom component from scratch — defining custom properties, required properties, custom signals, and signal handlers. You'll see how to encapsulate an image with a frame into a reusable type, then wire up interactive click tracking with custom signals.

This video is part 3 of the "Qt Quick Overview" series, for developers with basic knowledge of Qt and QML who want to deepen their understanding of Qt Quick and learn to build custom components.

🎓 Get the full learning experience by enrolling in the complete course at https://www.qt.io/academy/course-cata...

📚 What You'll Learn:

How to create a new QML file and register it as a custom component
Naming rules for custom QML types
Defining custom properties and required properties
Building a reusable framed-image component
Creating and emitting custom signals
Writing signal handlers both inside and outside the component

🙋‍♂️ Meet the Experts!

This course was created by the Customer Success Engineers from Qt Group.

⏰ Timestamps:
0:00 Introduction
0:29 Create a custom component
02:30 Required properties
03:23 Instance of custom component in Main.qml
04:00 Impelement custom signals and signal handlers

📖 Resources:

Code Repository: https://github.com/qt-learning/QtQuic...
Qt Quick Documentation: https://doc.qt.io/qt-6/qtquick-index....
Qt Quick QML Types: https://doc.qt.io/qt-6/qtquick-qmlmod...
Signal and Handler Event System: https://doc.qt.io/qt-6/qtqml-syntax-s...

🔗 Related Videos:

Previous: User Interaction with Qt Quick | Qt Quick Overview #2:    • User Interaction with Qt Quick | Qt Quick ...  
Link to playlist:    • Qt Quick Overview | Qt Academy  

📱 Continue Learning:

Qt Academy: https://qt.io/academy
Forum: https://forum.qt.io

©️ Licensing Information:
For all the source code shown in the video, the licensing information is defined in the relevant project repository. If no license is explicitly stated in the repository or there is no project, and you want to use the code, reach out to the Qt Company. If you are interested in acquiring a commercial license for the codes, please reach out to The Qt Company Oy (https://www.qt.io/pricing). Any trademarks shown in the videos are the exclusive property of its owners and are not licensed in any way.

#Qt #Framework #QML #QtQuick #CustomComponents #Signals #Properties #Tutorial #CrossPlatform #Reusable