Viadeo Twitter Google Bookmarks ! Facebook Digg del.icio.us MySpace Yahoo MyWeb Blinklist Netvouz Reddit Simpy StumbleUpon Bookmarks Windows Live Favorites 
Logo Documentation Qt ·  Page d'accueil  ·  Toutes les classes  ·  Toutes les fonctions  ·  Vues d'ensemble  · 

QML Rotation Element

The Rotation object provides a way to rotate an Item. More...

Rotation instantiates the C++ class QGraphicsRotation

This element was introduced in Qt 4.7.

Properties

Detailed Description

The Rotation object gives more control over rotation than using Item's rotation property. Specifically, it allows (z axis) rotation to be relative to an arbitrary point.

The following example rotates a Rectangle around its interior point 25, 25:

 Rectangle {
     width: 100; height: 100
     color: "blue"
     transform: Rotation { origin.x: 25; origin.y: 25; angle: 45}
 }

Rotation also provides a way to specify 3D-like rotations for Items. For these types of rotations you must specify the axis to rotate around in addition to the origin point.

The following example shows various 3D-like rotations applied to an Image.

 import QtQuick 1.0

 Row {
     x: 10; y: 10
     spacing: 10

     Image { source: "pics/qt.png" }
     Image {
         source: "pics/qt.png"
         transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 18 }
         smooth: true
     }
     Image {
         source: "pics/qt.png"
         transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 36 }
         smooth: true
     }
     Image {
         source: "pics/qt.png"
         transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 54 }
         smooth: true
     }
     Image {
         source: "pics/qt.png"
         transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 72 }
         smooth: true
     }
 }

See also Dial Control example and Clocks example.

Property Documentation

angle : real

The angle to rotate, in degrees clockwise.


axis.x : real

axis.y : real

axis.z : real

The axis to rotate around. For simple (2D) rotation around a point, you do not need to specify an axis, as the default axis is the z axis (axis { x: 0; y: 0; z: 1 }).

For a typical 3D-like rotation you will usually specify both the origin and the axis.


origin.x : real

origin.y : real

The origin point of the rotation (i.e., the point that stays fixed relative to the parent as the rest of the item rotates). By default the origin is 0, 0.


Cette page est une traduction d'une page de la documentation de Qt, écrite par Nokia Corporation and/or its subsidiary(-ies). Les éventuels problèmes résultant d'une mauvaise traduction ne sont pas imputables à Nokia. Qt 4.8
Copyright © 2012 Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon, vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. Cette page est déposée à la SACD.
Vous avez déniché une erreur ? Un bug ? Une redirection cassée ? Ou tout autre problème, quel qu'il soit ? Ou bien vous désirez participer à ce projet de traduction ? N'hésitez pas à nous contacter ou par MP !
 
 
 
 
Partenaires

Hébergement Web