UIコンポーネント:ダイヤルコントロールの例

「ダイヤルコントロールの例」では、スピードメーター型のダイヤルの作成方法を紹介します。

この例では、ダイヤル型のコントロールを作成する方法を示します。Image 要素と、Rotation のトランスフォーム、およびSpringAnimation の挙動を組み合わせて、インタラクティブなスピードメーター型のダイヤルを作成します。

60の位置に針があり、0~120の目盛りが表示されたスピードメーターの文字盤と、スライダー式コントロール

サンプルプロジェクト @ code.qt.io

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.