1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qdeclarativeitem.cpp -->
<title>Qt 4.8: QML Scale Element</title>
<link rel="stylesheet" type="text/css" href="style/offline.css" />
</head>
<body>
<div class="header" id="qtdocheader">
<div class="content">
<a href="index.html" class="qtref"><span>Qt Reference Documentation</span></a>
</div>
<div class="breadcrumb toolblock">
<ul>
<li class="first"><a href="index.html">Home</a></li>
<!-- Breadcrumbs go here -->
<li><a href="qdeclarativeelements.html">QML Elements</a></li>
<li>QML Scale Element</li>
</ul>
</div>
</div>
<div class="content mainContent">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#properties">Properties</a></li>
<li class="level1"><a href="#details">Detailed Description</a></li>
</ul>
</div>
<h1 class="title">QML Scale Element</h1>
<span class="subtitle"></span>
<!-- $$$Scale-brief -->
<p>The Scale element provides a way to scale an Item. <a href="#details">More...</a></p>
<!-- @@@Scale -->
<p>Scale instantiates the C++ class <a href="qgraphicsscale.html">QGraphicsScale</a></p>
<p>This element was introduced in Qt 4.7.</p>
<ul>
<li><a href="qml-scale-members.html">List of all members, including inherited members</a></li>
</ul>
<a name="properties"></a>
<h2>Properties</h2>
<ul>
<li class="fn"><b><b><a href="qml-scale.html#origin.x-prop">origin.x</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-scale.html#origin.y-prop">origin.y</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-scale.html#xScale-prop">xScale</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-scale.html#yScale-prop">yScale</a></b></b> : real</li>
</ul>
<!-- $$$Scale-description -->
<a name="details"></a>
<h2>Detailed Description</h2>
<p>The Scale element gives more control over scaling than using <a href="qml-item.html">Item</a>'s <a href="qml-item.html#scale-prop">scale</a> property. Specifically, it allows a different scale for the x and y axes, and allows the scale to be relative to an arbitrary point.</p>
<p>The following example scales the X axis of the Rectangle, relative to its interior point 25, 25:</p>
<pre class="qml"> <span class="type"><a href="qml-rectangle.html">Rectangle</a></span> {
<span class="name">width</span>: <span class="number">100</span>; <span class="name">height</span>: <span class="number">100</span>
<span class="name">color</span>: <span class="string">"blue"</span>
<span class="name">transform</span>: <span class="name">Scale</span> { <span class="name">origin</span>.x: <span class="number">25</span>; <span class="name">origin</span>.y: <span class="number">25</span>; <span class="name">xScale</span>: <span class="number">3</span>}
}</pre>
<p><b>See also </b><a href="qml-rotation.html">Rotation</a> and <a href="qml-translate.html">Translate</a>.</p>
<!-- @@@Scale -->
<h2>Property Documentation</h2>
<!-- $$$origin.x -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="origin.x-prop"></a><span class="name">origin.x</span> : <span class="type"><a href="qml-real.html">real</a></span></p></td></tr><tr valign="top" class="even"><td class="tblQmlPropNode"><p><a name="origin.y-prop"></a><span class="name">origin.y</span> : <span class="type"><a href="qml-real.html">real</a></span></p></td></tr></table></div><div class="qmldoc"><p>The point that the item is scaled from (i.e., the point that stays fixed relative to the parent as the rest of the item grows). By default the origin is 0, 0.</p>
</div></div><!-- @@@origin.x -->
<br/>
<!-- $$$xScale -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="xScale-prop"></a><span class="name">xScale</span> : <span class="type"><a href="qml-real.html">real</a></span></p></td></tr></table></div><div class="qmldoc"><p>The scaling factor for the X axis.</p>
</div></div><!-- @@@xScale -->
<br/>
<!-- $$$yScale -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="yScale-prop"></a><span class="name">yScale</span> : <span class="type"><a href="qml-real.html">real</a></span></p></td></tr></table></div><div class="qmldoc"><p>The scaling factor for the Y axis.</p>
</div></div><!-- @@@yScale -->
<br/>
<div class="ft">
<span></span>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2012 Nokia Corporation and/or its
subsidiaries. Documentation contributions included herein are the copyrights of
their respective owners.</p>
<br />
<p>
The documentation provided herein is licensed under the terms of the
<a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation
License version 1.3</a> as published by the Free Software Foundation.</p>
<p>
Documentation sources may be obtained from <a href="http://www.qt-project.org">
www.qt-project.org</a>.</p>
<br />
<p>
Nokia, Qt and their respective logos are trademarks of Nokia Corporation
in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. <a title="Privacy Policy"
href="http://en.gitorious.org/privacy_policy/">Privacy Policy</a></p>
</div>
</body>
</html>
|
