Qt Creator Documentation 2.8.0

Contents

QML VUMeter Element

A VUMeter that has a rotating needle. More...

Properties

Detailed Description

The VUMeter type provides a visual meter that is styled using images.

Here is a simple VUMeter:

 import QtQuick 1.1
 import "components"

 VUMeter {
     id: vu_meter1
     width: 377
     height: 242
     needleImage: "images/vu_needle.png"
     overlayImageHeight: 26
     needleImageHeight: 139
     overlayImage: "images/vu_overlay.png"
     value: -20
     needleImageWidth: 8
     needleRotationY: 139
     needleRotationX: 4
     overlayY: 191
     overlayImageWidth: 39
     overlayX: 168
     needleY: 57
     needleX: 181
     backgroundImage: "images/vu_background.png"

     onValueChanged: console.debug(value);
 }

Property Documentation

backgroundImage : url

The source image for the VUMeter's background.


height : int

The height of the VUMeter, usually the height of the background image.


needleImage : url

The source image for the VUMeter's needle image.


needleImageHeight : int

The height of the needle image.


needleImageWidth : int

The width of the needle image.


needleRotationX : int

The x position of the needle image that the needle will rotate through.


needleRotationY : int

The y position of the needle image that the needle will rotate through.


needleX : int

The x position of the needle image.


needleY : int

The y position of the needle image.


overlayImage : url

The source image for the VUMeter's overlay image.


overlayImageHeight : int

The height of the overlay image.


overlayImageWidth : int

The width of the overlay image.


overlayX : int

The x position of the overlay image.


overlayY : int

The y position of the overlay image.


value : int

The current value for the meter.


width : int

The width of the VUMeter, usually the width of the background image.