Developing UI with Qt Safe Renderer

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

With 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, 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. introduces the safety-critical UI related functionality in Qt Quick Designer.

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. See Qt Safe Renderer QML Types for detailed information about the available safety-critical QML types and their properties and methods. lists the mandatory properties that are required for the safety-critical QML types.

UI Design Workflow with Qt Tools

In a high level, the following picture illustrates the UI design workflow with the Qt tools:

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 tool that enables designing and prototyping the UI without writing any code.

Qt Safe Renderer renders the safety-critical UI elements. For rendering, it needs the layout data in a safe, raw bitmap format. Qt Safe Layout Tool generates safe layout data on basis of the UI designed with Qt Quick Designer.

You can deploy your application to the target device directly from Qt Creator. In the target, Qt Safe Renderer takes care of rendering the safety-critical UI elements.

Building for INTEGRITY