Displaying Data with QML | MVD with QML #2
Learn about Qt's built-in models and views! We explore FolderListModel with GridView, then build a 7-day weather forecast using ListModel and ListView. Learn to add smooth transitions, work with ListElements, and dynamically modify your data at runtime.
This video is part 2 of the "Model View Delegate with QML" series, building upon the fundamentals from the previous video.
🎓 Get the full learning experience by enrolling in the complete learning path at https://www.qt.io/academy/course-cata...
📚 What You'll Learn:
• Using FolderListModel to display file system contents
• GridView layout with cellWidth and cellHeight
• Creating ListModel with ListElement items
• Defining custom roles for weather data
• Displaying data horizontally with ListView
• Adding visual transitions when items are added
• Understand the methods to modify/retrieve models at runtime.
⏰ Timestamps:
00:00 Introduction to Built-In Models
00:41 Qt's Built-In Model Types Overview
01:32 FolderListModel with GridView
02:32 Creating the GridView Delegate
04:43 Running the GridView Example
05:43 Introduction to ListModel
06:11 Creating Weather Data with ListElements
07:39 Adding Data Imperatively with append()
08:10 ListView for Weather Forecast
09:09 Adding Transitions and Animations
📖 Resources:
• Code Repository: https://github.com/qt-learning/Model-...
• ComboBox Documentation: https://doc.qt.io/qt-6/qml-qtquick-co...
• Open-Meteo Weather API: https://open-meteo.com/
• Open-Meteo Geocoding API: https://open-meteo.com/en/docs/geocod...
🔗 Related Videos:
• Previous: Model View Delegate Explained | MVD with QML #1: • Model View Delegate Explained | MVD with Q...
• Next: Build a Live Weather App| MVD with QML #3: • Build a Live Weather App| MVD with QML #3
• Link to playlist: • Model View Delegate with QML | 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 #ListView #GridView #ListModel #Tutorial #WeatherApp #CrossPlatform