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 Light)"/>
</head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
<span style="font-weight:bold">import</span><span style="color:#ff5500"> Qt 4.6</span>
<span style="font-weight:bold">pragma</span> Singleton
<span style="color:#898887">// some random qml snippets stolen from the qt docs</span>
<span style="color:#006e28">Rectangle</span> {
<span style="color:#0057ae">important</span><span style="color:#ca60ca">:</span> <span style="font-weight:bold">true</span>
<span style="color:#0057ae">propertyAsdf</span><span style="color:#ca60ca">:</span>
<span style="color:#0057ae">id</span><span style="color:#ca60ca">:</span> container
<span style="color:#0057ae">signalA</span><span style="color:#ca60ca">:</span> bla
<span style="font-weight:bold">property</span> <span style="color:#0057ae">string</span> label
<span style="color:#0095ff;font-weight:bold">signal</span> clicked
<span style="color:#0057ae">radius</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">5</span><span style="color:#ca60ca">;</span> border<span style="color:#ca60ca">.</span><span style="color:#0057ae">color</span><span style="color:#ca60ca">:</span> <span style="color:#bf0303">"black"</span>
<span style="color:#0057ae">color</span><span style="color:#ca60ca">:</span> mouse<span style="color:#ca60ca">.</span><span style="color:#0057ae">pressed</span> <span style="color:#ca60ca">?</span> <span style="color:#bf0303">"steelblue"</span> <span style="color:#ca60ca">:</span> <span style="color:#bf0303">"lightsteelblue"</span>
<span style="color:#0057ae">gradient</span><span style="color:#ca60ca">:</span> <span style="color:#006e28">Gradient</span> {
<span style="color:#006e28">GradientStop</span> { <span style="color:#0057ae">position</span><span style="color:#ca60ca">:</span> mouse<span style="color:#ca60ca">.</span><span style="color:#0057ae">pressed</span> <span style="color:#ca60ca">?</span> <span style="color:#b08000">1.0</span> <span style="color:#ca60ca">:</span> <span style="color:#b08000">0.0</span><span style="color:#ca60ca">;</span> <span style="color:#0057ae">color</span><span style="color:#ca60ca">:</span> <span style="color:#bf0303">"steelblue"</span> }
<span style="color:#006e28">GradientStop</span> { <span style="color:#0057ae">position</span><span style="color:#ca60ca">:</span> mouse<span style="color:#ca60ca">.</span><span style="color:#0057ae">pressed</span> <span style="color:#ca60ca">?</span> <span style="color:#b08000">0.0</span> <span style="color:#ca60ca">:</span> <span style="color:#b08000">1.0</span><span style="color:#ca60ca">;</span> <span style="color:#0057ae">color</span><span style="color:#ca60ca">:</span> <span style="color:#bf0303">"lightsteelblue"</span> }
}
<span style="color:#006e28">MouseRegion</span> { <span style="color:#0057ae">id</span><span style="color:#ca60ca">:</span> mouse<span style="color:#ca60ca">;</span> anchors<span style="color:#ca60ca">.</span><span style="color:#0057ae">fill</span><span style="color:#ca60ca">:</span> parent<span style="color:#ca60ca">;</span> <span style="color:#0057ae">onClicked</span><span style="color:#ca60ca">:</span> container<span style="color:#ca60ca">.</span><span style="color:#644a9b">clicked</span>() }
<span style="color:#006e28">Text</span> { anchors<span style="color:#ca60ca">.</span><span style="color:#0057ae">fill</span><span style="color:#ca60ca">:</span> parent<span style="color:#ca60ca">;</span> <span style="color:#0057ae">text</span><span style="color:#ca60ca">:</span> container<span style="color:#ca60ca">.</span><span style="color:#0057ae">label</span><span style="color:#ca60ca">;</span> anchors<span style="color:#ca60ca">.</span><span style="color:#0057ae">centerIn</span><span style="color:#ca60ca">:</span> parent }
}
<span style="color:#006e28">Rectangle</span> {
<span style="color:#006e28">Script</span> {
<span style="font-weight:bold">function</span> <span style="color:#644a9b">calculateMyHeight</span>() {
<span style="font-weight:bold">return</span> <span style="color:#0095ff">Math</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">max</span>(otherItem<span style="color:#ca60ca">.</span><span style="color:#0057ae">height</span><span style="color:#ca60ca">,</span> thirdItem<span style="color:#ca60ca">.</span><span style="color:#0057ae">height</span>)<span style="color:#ca60ca">;</span>
}
}
anchors<span style="color:#ca60ca">.</span><span style="color:#0057ae">centerIn</span><span style="color:#ca60ca">:</span> parent
<span style="color:#0057ae">width</span><span style="color:#ca60ca">:</span> <span style="color:#0095ff">Math</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">min</span>(otherItem<span style="color:#ca60ca">.</span><span style="color:#0057ae">width</span><span style="color:#ca60ca">,</span> <span style="color:#b08000">10</span>)
<span style="color:#0057ae">height</span><span style="color:#ca60ca">:</span> <span style="color:#644a9b">calculateMyHeight</span>()
<span style="color:#0057ae">color</span><span style="color:#ca60ca">:</span> { <span style="font-weight:bold">if</span> (width <span style="color:#ca60ca">></span> <span style="color:#b08000">10</span>) <span style="color:#bf0303">"blue"</span><span style="color:#ca60ca">;</span> <span style="font-weight:bold">else</span> <span style="color:#bf0303">"red"</span> }
}
<span style="color:#006e28">Rectangle</span> {
<span style="font-weight:bold">default property</span> <span style="color:#0057ae">color</span> innerColor: <span style="color:#bf0303">"black"</span>
<span style="font-weight:bold">property</span> <span style="color:#0057ae">color</span> innerColor: <span style="color:#bf0303">"black"</span>
<span style="font-weight:bold">property</span> <span style="color:#0057ae">alias</span> text: textElement<span style="color:#ca60ca">.</span><span style="color:#0057ae">text</span>
<span style="font-weight:bold">property</span> <span style="color:#0057ae">alias</span> aliasXYZ: testElement<span style="color:#ca60ca">.</span><span style="color:#0057ae">text</span>
<span style="color:#0095ff;font-weight:bold">signal</span> bar
<span style="color:#0095ff;font-weight:bold">signal</span> bar(<span style="color:#0057ae">var</span> blah, <span style="color:#0057ae">string</span> yxcv)
<span style="color:#0057ae">width</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">240</span><span style="color:#ca60ca">;</span> <span style="color:#0057ae">height</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">320</span><span style="color:#ca60ca">;</span>
<span style="color:#0057ae">width</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">100</span><span style="color:#ca60ca">;</span> <span style="color:#0057ae">height</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">30</span><span style="color:#ca60ca">;</span> <span style="color:#0057ae">source</span><span style="color:#ca60ca">:</span> <span style="color:#bf0303">"images/toolbutton.sci"</span>
<span style="color:#006e28">ListView</span> {
anchors<span style="color:#ca60ca">.</span><span style="color:#0057ae">fill</span><span style="color:#ca60ca">:</span> parent
<span style="color:#0057ae">model</span><span style="color:#ca60ca">:</span> contactModel
<span style="color:#0057ae">delegate</span><span style="color:#ca60ca">:</span> <span style="color:#006e28">Component</span> {
<span style="color:#006e28">Text</span> {
<span style="color:#0057ae">text</span><span style="color:#ca60ca">:</span> modelData<span style="color:#ca60ca">.</span><span style="color:#0057ae">firstName</span> <span style="color:#ca60ca">+</span> <span style="color:#bf0303">" "</span> <span style="color:#ca60ca">+</span> modelData<span style="color:#ca60ca">.</span><span style="color:#0057ae">lastName</span>
}
}
}
}
<span style="color:#006e28">Item</span> {
<span style="font-weight:bold">function</span> <span style="color:#644a9b">say</span>(text) {
console<span style="color:#ca60ca">.</span><span style="color:#644a9b">log</span>(<span style="color:#bf0303">"You said "</span> <span style="color:#ca60ca">+</span> text)<span style="color:#ca60ca">;</span>
}
}
<span style="color:#898887">/*</span>
<span style="color:#898887"> * multi line comment</span>
<span style="color:#898887"> */</span>
<span style="color:#898887">// single line comment</span>
<span style="font-weight:bold">import</span><span style="color:#ff5500"> QtQuick 2.0</span>
<span style="color:#006e28">Rectangle</span> {
<span style="font-weight:bold">property</span> <span style="color:#0057ae">real</span> myNumProp: <span style="color:#b08000">0.1e12</span><span style="color:#ca60ca">;</span>
<span style="font-weight:bold">property</span> <span style="color:#0057ae">alias</span> sub.<span style="color:#0057ae">color</span>;
<span style="color:#0095ff;font-weight:bold">signal</span> mySignal(<span style="color:#0057ae">int</span> arg1, <span style="color:#0057ae">string</span> arg2)
<span style="color:#0057ae">color</span><span style="color:#ca60ca">:</span> <span style="color:#bf0303">"lightsteelblue"</span>
<span style="color:#0057ae">width</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">320</span>
<span style="color:#0057ae">height</span><span style="color:#ca60ca">:</span> width<span style="color:#ca60ca">/</span><span style="color:#b08000">2</span>
<span style="color:#006e28">Rectangle</span> {
<span style="color:#0057ae">id</span><span style="color:#ca60ca">:</span> sub
<span style="color:#0057ae">width</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">0x10</span>
<span style="color:#0057ae">height</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">007</span>
<span style="color:#0057ae">objectName</span><span style="color:#ca60ca">:</span> <span style="color:#bf0303">'single quote'</span>
<span style="color:#0057ae">objectName2</span><span style="color:#ca60ca">:</span> a <span style="color:#ca60ca">?</span> b <span style="color:#ca60ca">:</span> c<span style="color:#ca60ca">;</span>
}
<span style="color:#006e28">Rectangle</span> {
<span style="color:#898887">// comment</span>
<span style="color:#0057ae">id</span><span style="color:#ca60ca">:</span> sub <span style="color:#898887">/* comment */</span>
<span style="color:#898887">/* comment */</span><span style="color:#0057ae">width</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">0x10</span>
<span style="color:#0057ae">height </span><span style="color:#898887">/* comment */</span><span style="color:#ca60ca">:</span> <span style="color:#b08000">007</span>
<span style="color:#0057ae">objectName</span><span style="color:#ca60ca">:</span> <span style="color:#898887">/* comment */</span> <span style="color:#bf0303">'single quote'</span>
<span style="color:#0057ae">objectName2</span><span style="color:#ca60ca">:</span> a <span style="color:#ca60ca">?</span> b <span style="color:#ca60ca">:</span> c <span style="color:#898887">/* comment */</span><span style="color:#ca60ca">;</span>
}
}
</pre></body></html>
|
