Logo FluentUI

Dial QML Type

A styled dial/knob control with Fluent Design theming. More...

Import Statement: import FluentUI 1.0

Properties

Detailed Description

Dial is a QML component that extends QtQuick.Controls.Dial with Fluent Design theme support. It provides a circular dial control for setting a value within a range, styled with the current theme's accent color and track appearance.

Usage Example

 import QtQuick
 import FluentUI

 Dial {
     from: 0
     to: 100
     value: 50
 }

See also QtQuick.Controls.Dial.

Property Documentation

angle : real

The angle of the dial handle in degrees, ranging from 0 to 360. This property is inherited from QtQuick.Controls.Dial.

enabled : bool

Whether the dial is enabled. This property is inherited from QtQuick.Controls.Dial.

from : real

The starting value of the dial range. Defaults to 0. This property is inherited from QtQuick.Controls.Dial.

stepSize : real

The step size for value changes when dragging or using keyboard navigation. This property is inherited from QtQuick.Controls.Dial.

to : real

The ending value of the dial range. Defaults to 1. This property is inherited from QtQuick.Controls.Dial.

value : real

The current value of the dial. This property is inherited from QtQuick.Controls.Dial.