Custom Widget in Qt

[@AllanAlmeidaOficial]

Excelent video, really helpful! Thanks

[@dalesmith8666]

A difficult subject to find on line. Creating a "Custom Widget". Found yours by chance! Good work, but you are going way to fast and covering to much material, so came out learning a little bit more, none the less still confused.

[@smithjane6536]

This video really helped me out!!! Thanks for this English version and I expect more of this topic such as create a custom container widget as you mentioned.

[@vrfEducation]

Thanks for your comment. I'll upload more videos on this topic in near future

[@murali9334]

Can you explain the same for use in pyqt5 or pyqt6 with pycharm ide and pyqt5designer. Thanks

[@vrfEducation]

I'll do it very soon

[@ic6406]

Seems to overcomplicated to make a simple thing, allow custom widget to be added from the designer. Every single developer in the team should do that stuff and it looks like not a good solution from QT team

[@vrfEducation]

Well I don't think so. In our team I used to create some widgets and share among the others in order to use. And sometimes I listen to their idea to create useful widgets. It's completely depends on team's policies

[@ic6406]

@@vrfEducation I guess under "share" you mean some kind of automation scripts because you have to copy dll/so around to make Qt Creator know about your plugin. It creates a dependency on your environment, your script should know how to locate right version of your creator, you have to deal with already existing plugins, updating (git pull) takes extra steps like it involves additional work or polluting repository with hooks that cannot be shared, that should be configured by each person and can be occasionally skipped. I mean that I don't see a clear way of proper management of this when you don't have a particular team, when team policy is blurred as a concept of working with the project. You have instruct potential contributors if you want to go open source and personally I don't like when I need to set my system with some software in order to build and run a project from github. It's my personal prefence though, I thought Qt could make it simpler and allow extending their software on a project-basis, like Unity allows to add new windows/wizards/widgets without any need to do something additionally

[@vrfEducation]

@@ic6406 Yes all you said are true and I think I mentioned in the beginning of video that this process is not as easy as some other IDEs, such Microsoft Visual Studio, suggest. So with take this limitation into consideration then we should find a way to manage it. Again you are right we have some policies in our team and some script written in order to make process somehow transparent for team members. In the beginning we just created some custom widgets that we want and then instantiate at run time or even promote an empty QWidget. Everything worked but something was missing when we deal with UIs at design time; So we decided to change the way we create our UIs.

[@maxpo801]

Why have you stopped to publish episodes in English? Your material is really useful and you are talented

[@vrfEducation]

Thanks for your comment, I'll upload new videos on this topic ASAP. Because English is not my native language it's a little bit time consuming process for me to record English videos. New videos is about customizing these kind of widgets during application UI design

[@gauss_gun]

For Qt5, if promotion doesn't work add macro Q_OBJECT to class definition in header file

[@dnc077]

very well explained and to the point - thank you for sharing.

[@vrfEducation]

I'm glad you liked it

[@giorgioguglielmone6528]

Hi, could you tell me or make a video about installing Qt in Linux (I use Debian 11) explaining where to download the Qt installer, so that everything is consistent with its libraries, with Qt Creator and Qt Designer, in so that I can see the personal widgets created in Qt Designer ?

[@vrfEducation]

Hi, I think you can find anything you need to install Qt on it's official site. Specially from version 6.0 you just need to download an online installer then just select what you need to download and customize your installation. If you have any problem seen me an email then we will do it together

[@kleinhans6295]

Hi, I become an error at the end in the plugin section. "libraries in the debug mode and release mode, can't be used together" (win10). i can't find anything in the documentation. any idea?

[@vrfEducation]

Hi, Mixing both debug and release libraries is some kind of tricky operation, sometimes it is inevitable to mix them. sometimes when you have multiple projects work together it is recommend to release those libraries that is finalized. you can use some configuration option in Qt to handle this situation. If you want both sets of libraries you can use the configure -debug-and-release option. Take a look at the Configuration Options for Qt for more options.

[@jocic_91]

Great video, you've clearly explained everything that one needs to know about creating custom Widgets in QT. +++

[@vrfEducation]

Thanks for your comment. I'll upload more videos on this topic in near future that include collections and context menu for widgets at design time

[@huynhphanngockhang5733]

thanks your helpful

[@mastoflo]

I'm doing exactly like the tutorial but, in the last step, in the "About Qt Designer Plugin..." form, when I refresh, I have a error : " Failed to extract plugin meta data from 'D:/Progr/Qt/Tools/QtCreator/bin/plugins/designer/preferenceWidgetPlugin.dll' ". What's wrong ? An idea ? (Windows 10, Qt 7.0.2)

[@vrfEducation]

Hi. I told in the beginning of this video or another one, If you're using Windows OS, you should check if Qt Creator compiled with MSVC or not. Because mainly we use Mingw as the complier in Windows But Creator was not built with that. If this is true change the kit that you compile widget with that to MSVC

[@mastoflo]

@@vrfEducation thank you for your response ! I changed the kit to MSVC after installed it, I rebuilt it, but I have a other error : "The plugin 'D:/Progr/Qt/Tools/QtCreator/bin/plugins/designer/preferenceWidgetPlugind.dll' uses incompatible Qt library. (Cannot mix debug and release libraries.)" I have update a lot of things, that's my Qt now : - Qt 6.4.1-0-202211101447 with all of his components : • WebAssembly • MSVC 2019 ARM64 (TP) • MSVC 2019 64-bit • MinGW 11.2.0 64-bit • Android • Sources • Qt Quick 3D • Qt 5 Compatibility Module • Qt Shader Tools • All of his Additional Libraries • Qt Debug Information Files • Qt Quick Timeline - Developer and Designer Tools : • Qt Creator 9.0.1 • Qt Creator 9.0.1 CDB Debugger Support • Debuging Tools for Windows • MinGW 11.2.0 64-bit • CMake 3.24.2 • Ninja 1.10.2 - Qt Design Studio 3.9.0 And I have update Visual Studio 2019 and install the "C++ Desktop Development" with : - MSVC v142 - VS 2019 C++ x64/x86 Build Tools - Kit SDK Windows 10(10.0.19041.0) - Just in time debugger - C++ Cmake Tools for Windows - C++ ATL for the last version of Build Tools - BoostTest test adaptater - Google Test test adaptater - Live Share - IntelliCode - Address Sanitizer C++ - Diagnostic JavaScript Also, in the Kit manager I have a error on the "Desktop Qt 6.4.1 MSVC2019 64bit" kit : "the ABI of the selected debugger does not match the toolchain ABI", so I cloned it and I have put "Autodetection CDB at C:\Program Files\Windows Kits\10\Debuggers\x64\cdb.exe". The error is gone. What's wrong now ? What can I do ?

[@vrfEducation]

@@mastoflo well you have done great things. First thing came into my mind maybe you should build your plugin with in release mode and try again

[@mastoflo]

@@vrfEducation it's work ! Thank you soo much ! Now, I have a other problem, haha. The file of my plugin is a .dll, and in Windows, for integrate a plugin on an app, we must a .lib or .a. How can I have that extensions files for my plugin file ??

[@giorgioguglielmone6528]

@@mastoflo .lib and .dll for Windows and Visual Studio C++ 2019/2022, .a for Linux or MinGW

[@chudchadanstud]

Why didn't they call it QtPy?

[@vrfEducation]

Well Qt primarily created as a C++ framework and then it's used for creating GUI for python application.

[@enricotrudu6760]

Good stuff! Keep up the good work!

[@vrfEducation]

Thanks for your comment, I'll upload some new video very soon

[@luisalejandroreyesmorales7144]

Great video. Do you know if there is a way to add custom properties to the component in the designer?, like a struct, not primitive types

[@vrfEducation]

Thanks for your comment. As far as I know, you can create a context option for your widget and used it to get value for any type of data at design time. On the other hand if you want to add custom property as a Dynamic property in Qt Designer you should select one of predefined type of data listed in a combobox

[@luisalejandroreyesmorales7144]

@@vrfEducation Thanks!!!! It was very helpful

[@giorgioguglielmone6528]

@@vrfEducation It would be interesting if you make a video explaining how to get a property for a custom widget containing a list of values that can be selected as the current value in Qt Designer.

[@vrfEducation]

@@giorgioguglielmone6528 yeah I think you could do this.but for more clarification tell me your exact scenario do I could record appropriate video

[@giorgioguglielmone]

create a custom widget that has a string value as its property, which can be chosen from a list of strings, example of a combo box from which I choose a value. the combo box is a property of the custom widget.once that value is selected, the widget takes on the appearance of the image given by the chosen string. The widget represents a LED that takes the shape given by the loaded image, given by the selection of the string.

[@giorgioguglielmone6528]

It would be interesting if you make a video explaining how to get a property for a custom widget containing a list of values that can be selected as the current value in Qt Designer. Create a custom widget that has a string value as its property, which can be chosen from a list of strings, example of a combo box from which I choose a value. The combo box is a property of the custom widget. Once that value is selected, the widget takes on the appearance of the image given by the chosen string. The widget represents a LED that takes the shape given by the loaded image, given by the selection of the string.