This repository was archived by the owner on Apr 24, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathprototype_list.html
More file actions
196 lines (150 loc) · 5.32 KB
/
prototype_list.html
File metadata and controls
196 lines (150 loc) · 5.32 KB
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mobile Widgets</title>
<link rel="stylesheet" href="style/style.css" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="js/StructureElts.js"></script>
<script type="text/javascript" src="js/Structure.js"></script>
<script type="text/javascript" src="js/DocElements.js"></script>
</head>
<body>
<script type="text/javascript">
<!--
idCurrentPage = "prototype_list";
beginPage();
//-->
</script>
<h1 class="title">List prototype</h1>
<script type="text/javascript">
<!--
addIndex();
//-->
</script>
<!-- TODO complete this part -->
<script type="text/javascript">addTitle("Introduction", 1);</script>
<p>
Manage graphical list.<br/>
</p>
<br/>
<script type="text/javascript">addTitle("Interface", 1);</script>
<textarea rows="15" cols="80" readonly="readonly" wrap="off">
PROTO List [
# Events Out
eventOut SFInt32 currentElement
eventOut SFInt32 scroll
eventOut SFVec2f focusPos
eventOut SFVec2f itemsPos
eventOut SFInt32 setItem
eventOut SFTime selection
exposedField SFInt32 firstItem 0 # Index of the element that must be associated to the first item
exposedField SFBool enable FALSE
# Events in
eventIn SFInt32 update
eventIn SFInt32 goToElement
eventIn SFInt32 updateElement
# Data
field SFVec2f size -1 -1
field SFInt32 nbElements 0
field SFInt32 nbItems 0
field SFInt32 nbMaxItems 0
field SFInt32 itemHeight 0
field MFInt32 elementsStates []
field MFNode items NULL
field SFTime repeatInterval 0.25
field SFTime repeatDelay 0.5
field SFInt32 atElement 0
field SFInt32 atPosition 0
# Style
field MFString focusbarStyle []
field MFString focusbarImages []
field MFString scrollbarStyle []
field SFBool useAnimation TRUE
exposedField SFBool enableCycle TRUE
field SFBool topAlign TRUE
]
</textarea>
<br/>
<script type="text/javascript">addTitle("Fields description", 1);</script>
<h2>Data fields</h2>
<ul>
<li>SFVec2f size - Size of the list</li>
<li>SFInt32 nbElements - Number of elements</li>
<li>SFInt32 nbItems - Number of visible items</li>
<li>SFInt32 nbMaxItems - Number of items used for transitions (should be nbItems + 1)</li>
<li>SFInt32 itemHeight - Item height</li>
<li>MFInt32 elementsStates - Elements states; enable>=0, disable=-1</li>
<li>MFNode items - Must contain the items that will be used to display the list</li>
<li>SFInt32 atElement - Element to load in the item given by the setItem field</li>
<li>SFInt32 atPosition - Pixel position of the item given by the setItem field</li>
</ul>
<br/>
<h2>Exposed Fields</h2>
<ul>
<li>SFBool enable - Enable/disable SimpleList focus</li>
<li><i>SFInt32 firstItem - Index of the element that must be associated to the first item (DEPRECATED)</i></li>
</ul>
<br/>
<h2>Event In</h2>
<ul>
<li>SFInt32 update - Force refresh of all displayable items and check parameters (like number of elements, their size)</li>
<li>SFInt32 gotoElement - Force list to focus a given element</li>
<li>SFInt32 updateElement - Update only the content of one element and refresh the corresponding displayable item</li>
</ul>
<br/>
<h2>Event Out</h2>
<ul>
<li>SFInt32 currentElement - Index of currently focused element</li>
<li><i>SFInt32 scroll - Scrolling position in pixel, to route to the ScrollBar.moveTo (DEPRECATED)</i></li>
<li><i>SFVec2f focusPos - Focus position, to route to the focus bar proto (DEPRECATED)</i></li>
<li><i>SFVec2f itemsPos - Items position, to route to the Transform2D containing all the items (DEPRECATED)</i></li>
<li>SFInt32 setItem - Next item to load, to route to a Script function handling items update</li>
<li>SFTime selection - The time when an item is selected</li>
</ul>
<br/>
<h2>Style</h2>
<ul>
<li>MFString focusbarStyle - Style for the FocusBar</li>
<li>MFString focusbarImages - Images for the FocusBar</li>
<li>MFString scrollbarStyle - Style for the ScrollBar</li>
<li>SFBool useAnimation - Use animation when scrolling (default: TRUE)</li>
<li>SFBool enableCycle - Allows focus bar to jump from first to last position when using the keyboard</li>
<li>SFBool topAlign - Controls vertical alignment: top or middle</li>
</ul>
<p class="note warning">
<b>Warning:</b><br/>Define style is required (we can use the default style - see
<a href="development_node_Style.html">Style node</a>).
</p>
<br/>
<script type="text/javascript">addTitle("CSS", 1);</script>
<textarea rows="3" cols="80" readonly="readonly" wrap="off">
List {
size: 100% 81%;
}
</textarea>
<br/>
<script type="text/javascript">addTitle("Extern proto(s)", 1);</script>
<p>
FocusBar, ScrollBar
</p>
<br/>
<!--
<script type="text/javascript">addTitle("Example", 1);</script>
<!-- TODO add an example for this prototype
<br/>
-->
<script type="text/javascript">
<!--
addBackPageNavigator ('widgets_development_prototypes','');
//-->
</script>
<script type="text/javascript">
<!--
endPage();
//-->
</script>
</body>
</html>