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
101
|
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>highlight.qml</title>
<meta name="generator" content="KF5::SyntaxHighlighting - Definition (QML) - Theme (Breeze Dark)"/>
</head><body style="background-color:#232629;color:#cfcfc2"><pre>
<span style="font-weight:bold">import</span><span style="color:#27ae60"> Qt 4.6</span>
<span style="font-weight:bold">pragma</span> Singleton
<span style="color:#7a7c7d">// some random qml snippets stolen from the qt docs</span>
<span style="color:#27ae60">Rectangle</span> {
<span style="color:#2980b9">important</span><span style="color:#3f8058">:</span> <span style="font-weight:bold">true</span>
<span style="color:#2980b9">propertyAsdf</span><span style="color:#3f8058">:</span>
<span style="color:#2980b9">id</span><span style="color:#3f8058">:</span> container
<span style="color:#2980b9">signalA</span><span style="color:#3f8058">:</span> bla
<span style="font-weight:bold">property</span> <span style="color:#2980b9">string</span> label
<span style="color:#0099ff;font-weight:bold">signal</span> clicked
<span style="color:#2980b9">radius</span><span style="color:#3f8058">:</span> <span style="color:#f67400">5</span><span style="color:#3f8058">;</span> border<span style="color:#3f8058">.</span><span style="color:#2980b9">color</span><span style="color:#3f8058">:</span> <span style="color:#f44f4f">"black"</span>
<span style="color:#2980b9">color</span><span style="color:#3f8058">:</span> mouse<span style="color:#3f8058">.</span><span style="color:#2980b9">pressed</span> <span style="color:#3f8058">?</span> <span style="color:#f44f4f">"steelblue"</span> <span style="color:#3f8058">:</span> <span style="color:#f44f4f">"lightsteelblue"</span>
<span style="color:#2980b9">gradient</span><span style="color:#3f8058">:</span> <span style="color:#27ae60">Gradient</span> {
<span style="color:#27ae60">GradientStop</span> { <span style="color:#2980b9">position</span><span style="color:#3f8058">:</span> mouse<span style="color:#3f8058">.</span><span style="color:#2980b9">pressed</span> <span style="color:#3f8058">?</span> <span style="color:#f67400">1.0</span> <span style="color:#3f8058">:</span> <span style="color:#f67400">0.0</span><span style="color:#3f8058">;</span> <span style="color:#2980b9">color</span><span style="color:#3f8058">:</span> <span style="color:#f44f4f">"steelblue"</span> }
<span style="color:#27ae60">GradientStop</span> { <span style="color:#2980b9">position</span><span style="color:#3f8058">:</span> mouse<span style="color:#3f8058">.</span><span style="color:#2980b9">pressed</span> <span style="color:#3f8058">?</span> <span style="color:#f67400">0.0</span> <span style="color:#3f8058">:</span> <span style="color:#f67400">1.0</span><span style="color:#3f8058">;</span> <span style="color:#2980b9">color</span><span style="color:#3f8058">:</span> <span style="color:#f44f4f">"lightsteelblue"</span> }
}
<span style="color:#27ae60">MouseRegion</span> { <span style="color:#2980b9">id</span><span style="color:#3f8058">:</span> mouse<span style="color:#3f8058">;</span> anchors<span style="color:#3f8058">.</span><span style="color:#2980b9">fill</span><span style="color:#3f8058">:</span> parent<span style="color:#3f8058">;</span> <span style="color:#2980b9">onClicked</span><span style="color:#3f8058">:</span> container<span style="color:#3f8058">.</span><span style="color:#8e44ad">clicked</span>() }
<span style="color:#27ae60">Text</span> { anchors<span style="color:#3f8058">.</span><span style="color:#2980b9">fill</span><span style="color:#3f8058">:</span> parent<span style="color:#3f8058">;</span> <span style="color:#2980b9">text</span><span style="color:#3f8058">:</span> container<span style="color:#3f8058">.</span><span style="color:#2980b9">label</span><span style="color:#3f8058">;</span> anchors<span style="color:#3f8058">.</span><span style="color:#2980b9">centerIn</span><span style="color:#3f8058">:</span> parent }
}
<span style="color:#27ae60">Rectangle</span> {
<span style="color:#27ae60">Script</span> {
<span style="font-weight:bold">function</span> <span style="color:#8e44ad">calculateMyHeight</span>() {
<span style="color:#fdbc4b;font-weight:bold">return</span> <span style="color:#0099ff">Math</span><span style="color:#3f8058">.</span><span style="color:#8e44ad;font-style:italic">max</span>(otherItem<span style="color:#3f8058">.</span><span style="color:#2980b9">height</span><span style="color:#3f8058">,</span> thirdItem<span style="color:#3f8058">.</span><span style="color:#2980b9">height</span>)<span style="color:#3f8058">;</span>
}
}
anchors<span style="color:#3f8058">.</span><span style="color:#2980b9">centerIn</span><span style="color:#3f8058">:</span> parent
<span style="color:#2980b9">width</span><span style="color:#3f8058">:</span> <span style="color:#0099ff">Math</span><span style="color:#3f8058">.</span><span style="color:#8e44ad;font-style:italic">min</span>(otherItem<span style="color:#3f8058">.</span><span style="color:#2980b9">width</span><span style="color:#3f8058">,</span> <span style="color:#f67400">10</span>)
<span style="color:#2980b9">height</span><span style="color:#3f8058">:</span> <span style="color:#8e44ad">calculateMyHeight</span>()
<span style="color:#2980b9">color</span><span style="color:#3f8058">:</span> { <span style="color:#fdbc4b;font-weight:bold">if</span> (width <span style="color:#3f8058">></span> <span style="color:#f67400">10</span>) <span style="color:#f44f4f">"blue"</span><span style="color:#3f8058">;</span> <span style="color:#fdbc4b;font-weight:bold">else</span> <span style="color:#f44f4f">"red"</span> }
}
<span style="color:#27ae60">Rectangle</span> {
<span style="font-weight:bold">default property</span> <span style="color:#2980b9">color</span> innerColor: <span style="color:#f44f4f">"black"</span>
<span style="font-weight:bold">property</span> <span style="color:#2980b9">color</span> innerColor: <span style="color:#f44f4f">"black"</span>
<span style="font-weight:bold">property</span> <span style="color:#2980b9">alias</span> text: textElement<span style="color:#3f8058">.</span><span style="color:#2980b9">text</span>
<span style="font-weight:bold">property</span> <span style="color:#2980b9">alias</span> aliasXYZ: testElement<span style="color:#3f8058">.</span><span style="color:#2980b9">text</span>
<span style="color:#0099ff;font-weight:bold">signal</span> bar
<span style="color:#0099ff;font-weight:bold">signal</span> bar(<span style="color:#2980b9">var</span> blah, <span style="color:#2980b9">string</span> yxcv)
<span style="color:#2980b9">width</span><span style="color:#3f8058">:</span> <span style="color:#f67400">240</span><span style="color:#3f8058">;</span> <span style="color:#2980b9">height</span><span style="color:#3f8058">:</span> <span style="color:#f67400">320</span><span style="color:#3f8058">;</span>
<span style="color:#2980b9">width</span><span style="color:#3f8058">:</span> <span style="color:#f67400">100</span><span style="color:#3f8058">;</span> <span style="color:#2980b9">height</span><span style="color:#3f8058">:</span> <span style="color:#f67400">30</span><span style="color:#3f8058">;</span> <span style="color:#2980b9">source</span><span style="color:#3f8058">:</span> <span style="color:#f44f4f">"images/toolbutton.sci"</span>
<span style="color:#27ae60">ListView</span> {
anchors<span style="color:#3f8058">.</span><span style="color:#2980b9">fill</span><span style="color:#3f8058">:</span> parent
<span style="color:#2980b9">model</span><span style="color:#3f8058">:</span> contactModel
<span style="color:#2980b9">delegate</span><span style="color:#3f8058">:</span> <span style="color:#27ae60">Component</span> {
<span style="color:#27ae60">Text</span> {
<span style="color:#2980b9">text</span><span style="color:#3f8058">:</span> modelData<span style="color:#3f8058">.</span><span style="color:#2980b9">firstName</span> <span style="color:#3f8058">+</span> <span style="color:#f44f4f">" "</span> <span style="color:#3f8058">+</span> modelData<span style="color:#3f8058">.</span><span style="color:#2980b9">lastName</span>
}
}
}
}
<span style="color:#27ae60">Item</span> {
<span style="font-weight:bold">function</span> <span style="color:#8e44ad">say</span>(text) {
console<span style="color:#3f8058">.</span><span style="color:#8e44ad">log</span>(<span style="color:#f44f4f">"You said "</span> <span style="color:#3f8058">+</span> text)<span style="color:#3f8058">;</span>
}
}
<span style="color:#7a7c7d">/*</span>
<span style="color:#7a7c7d"> * multi line comment</span>
<span style="color:#7a7c7d"> */</span>
<span style="color:#7a7c7d">// single line comment</span>
<span style="font-weight:bold">import</span><span style="color:#27ae60"> QtQuick 2.0</span>
<span style="color:#27ae60">Rectangle</span> {
<span style="font-weight:bold">property</span> <span style="color:#2980b9">real</span> myNumProp: <span style="color:#f67400">0.1e12</span><span style="color:#3f8058">;</span>
<span style="font-weight:bold">property</span> <span style="color:#2980b9">alias</span> sub.<span style="color:#2980b9">color</span>;
<span style="color:#0099ff;font-weight:bold">signal</span> mySignal(<span style="color:#2980b9">int</span> arg1, <span style="color:#2980b9">string</span> arg2)
<span style="color:#2980b9">color</span><span style="color:#3f8058">:</span> <span style="color:#f44f4f">"lightsteelblue"</span>
<span style="color:#2980b9">width</span><span style="color:#3f8058">:</span> <span style="color:#f67400">320</span>
<span style="color:#2980b9">height</span><span style="color:#3f8058">:</span> width<span style="color:#3f8058">/</span><span style="color:#f67400">2</span>
<span style="color:#27ae60">Rectangle</span> {
<span style="color:#2980b9">id</span><span style="color:#3f8058">:</span> sub
<span style="color:#2980b9">width</span><span style="color:#3f8058">:</span> <span style="color:#f67400">0x10</span>
<span style="color:#2980b9">height</span><span style="color:#3f8058">:</span> <span style="color:#f67400">007</span>
<span style="color:#2980b9">objectName</span><span style="color:#3f8058">:</span> <span style="color:#f44f4f">'single quote'</span>
<span style="color:#2980b9">objectName2</span><span style="color:#3f8058">:</span> a <span style="color:#3f8058">?</span> b <span style="color:#3f8058">:</span> c<span style="color:#3f8058">;</span>
}
<span style="color:#27ae60">Rectangle</span> {
<span style="color:#7a7c7d">// comment</span>
<span style="color:#2980b9">id</span><span style="color:#3f8058">:</span> sub <span style="color:#7a7c7d">/* comment */</span>
<span style="color:#7a7c7d">/* comment */</span><span style="color:#2980b9">width</span><span style="color:#3f8058">:</span> <span style="color:#f67400">0x10</span>
<span style="color:#2980b9">height </span><span style="color:#7a7c7d">/* comment */</span><span style="color:#3f8058">:</span> <span style="color:#f67400">007</span>
<span style="color:#2980b9">objectName</span><span style="color:#3f8058">:</span> <span style="color:#7a7c7d">/* comment */</span> <span style="color:#f44f4f">'single quote'</span>
<span style="color:#2980b9">objectName2</span><span style="color:#3f8058">:</span> a <span style="color:#3f8058">?</span> b <span style="color:#3f8058">:</span> c <span style="color:#7a7c7d">/* comment */</span><span style="color:#3f8058">;</span>
}
}
</pre></body></html>
|
