crazyflie-clients-python | Host applications and library for Crazyflie | Runtime Evironment library

Here's the steps needed to add an AttitudeIndicator widget both in code, and via promotion in Qt Designer.

Firstly, you will need to make some changes to the "mainwindow.ui" file. So, in Qt designer, click on the central-widget in the Object Inspector, and then in the Property Editor, change the objectName to central_widget. This is important, because the current name is shadowing the QMainWindow.centralWidget() method that we need to use later. Secondly, with the central-widget still selected, click Lay Out Horizontally on the toolbar (the icon has three blue vertical bars) - and save the changes.

Now right-click the viz_widget (either in the Object Inspector or on the form), choose Promote to ..., and enter MyAttitudeIndicator in Promoted class name, and ai_widget in Header file. Then click Add and Promote - and save the changes. After doing that, you should see the Class change from QWidget to MyAttitudeIndicator in the Object Inspector. (But note that the actual widget on the form will not be displayed as an AttitudeIndicator. To do that, you'd need to write a custom designer plugin, which goes way beyond the scope of this question).

To make use of these changes, some code needs to be added. Firstly, you need to create a module called ai_widget.py for the promoted widget class. The module should contain this code: