C

Developing UI with Qt Safe Renderer

UI Design Workflow with Qt Tools

In Qt Safe Renderer, the safety-critical UI elements are implemented as QML Types. All the safety-critical QML types must be added to Qt Quick UI Forms (.ui.qml files). In Qt Quick Designer, you can usually use the safety-critical QML types just like any other QML types in Qt. Qt Quick Designer is integrated to Qt Creator. Thus Qt Safe Renderer provides a seamless integration with the Qt toolchain.

When you are creating a new safety-critical application, the following topics instruct how to use Qt, its tools and Qt Safe Renderer:

  1. Safety-Critical UI with Qt Quick Designer guides how to create a new Qt Quick project and design a UI with safety-critical UI elements
  2. Enabling Qt Safe Renderer in Project guides how to enable Qt Safe Renderer and its tools in the project file (.pro)
  3. Building the Qt Safe Renderer Project guides how to build and run the project that contains the safety-critical UI.

From Qt Safe Renderer 1.2 onwards, animations are supported in the safety-critical UI elements. You can create animations either with Qt Quick Designer or Qt Design Studio. For more information, see Animations in Safety-Critical UI.

For more information about developing a UI with Qt Safe Renderer, see the following topics:

Qt Tools in UI Design

Qt Creator provides a cross-platform, complete integrated development environment (IDE) for application developers to create applications for multiple desktop and embedded targets. Qt Creator contains the Qt Quick Designer tool that enables designing and prototyping the UI without writing any code.

Qt Quick Designer generates QML code into ui.qml files based on the UI form that contains the layout you have designed. If you do not want to use Qt Quick Designer, you can also write your safety-critical QML code yourself, in Qt Creator's edit mode.

With Qt Creator and Qt Quick Designer, you can easily design a UI that contains both safety-critical and non-safety information. After you have created the very first draft of the UI with Qt Quick Designer and built a Qt Quick project including your UI, you can deploy it right away to your target device via Qt Creator. Thus the Qt tools enable quick UI prototyping on a real hardware environment. In the target, Qt Safe Renderer takes care of rendering the safety-critical UI elements.

When the developed Qt Quick UI forms are integrated into the safety-critical system, the Qt Safe Renderer messaging interface defines how non-safe parts of the system can communicate with safety-critical items on runtime. For example, it is possible to change the position of the safe elements. For more information, see Adapting Qt Safe Renderer for Systems, SafeRenderer::QSafeEvent, and QSafeMessageInterface.

Available under certain Qt licenses.
Find out more.