StyleKit Custom Delegates Example

This example shows how to extend StyleKit styling with custom delegates that allow you to render a style beyond what the default rendering provides.

It demonstrates how to:

• Create overlay delegates by subclassing StyledItem and placing custom items on top of the standard delegate rendering.
• Create underlay delegates using a plain Item with delegateStyle and control properties, embedding a StyledItem on top for the standard look.
• Pass per-state data to a custom delegate using the data property.
• Apply shader-based visual effects using ShaderEffect and ShaderEffectSource in combination with StyledItem.
• Implement a custom shadow delegate to replace the built-in shadow rendering.
• Pass static configuration to a delegate via regular QML properties (e.g. distinguishing the first and second handle of a RangeSlider).

Running the Example

You can run the example from:

• Qt Creator

  Open the Welcome mode and select the example from Examples. For more information, see Qt Creator: Tutorial: Build and run.

• Qt Extension for Visual Studio Code

  Run the Qt: Open Qt examples command from the Command Palette, and select the example from the list. For more information, see Qt Extension for Visual Studio Code: Tutorial: Build and run.

Example project @ code.qt.io