|
1 <?xml version="1.0" encoding="utf-8"?> |
|
2 <!-- Copyright (c) 2007-2010 Nokia Corporation and/or its subsidiary(-ies) All rights reserved. --> |
|
3 <!-- This component and the accompanying materials are made available under the terms of the License |
|
4 "Eclipse Public License v1.0" which accompanies this distribution, |
|
5 and is available at the URL "http://www.eclipse.org/legal/epl-v10.html". --> |
|
6 <!-- Initial Contributors: |
|
7 Nokia Corporation - initial contribution. |
|
8 Contributors: |
|
9 --> <!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd"><concept id="GUID-CCE6DC36-625C-487C-9AD8-F1BF8E36080A" xml:lang="en"><title>UI components</title><prolog><metadata><keywords></keywords></metadata></prolog><conbody><table id="GUID-CB1618F8-C658-42A5-BF86-3AA8CDCFF681-GENID-1-6-1-6-1-1-5-1-2-1"> |
|
10 <tgroup cols="3"><colspec colwidth="0.83*" colname="col1"></colspec><colspec colwidth="0.94*" colname="col2"></colspec><colspec colwidth="1.22*" colname="col3"></colspec> |
|
11 <thead> |
|
12 <row> |
|
13 <entry> <p>Component</p> </entry> |
|
14 <entry> <p>Example image</p> </entry> |
|
15 <entry> <p>C++ APIs for implementation</p> </entry> |
|
16 </row> |
|
17 </thead> |
|
18 <tbody> |
|
19 <row> |
|
20 <entry><p><xref href="GUID-2E28D8F7-7406-4EBF-BD52-E82BAE1A7D31.dita">Home screen</xref></p></entry> |
|
21 <entry><p><fig id="GUID-6A624797-6BCF-4436-B95A-54C3147320DA"> |
|
22 <image href="GUID-521C2463-A72B-4C48-8815-61689264F2C1_d0e52001_href.jpg" scale="50" placement="inline"></image> |
|
23 </fig></p></entry> |
|
24 <entry><p>Home |
|
25 Screen Publishing API</p></entry> |
|
26 </row> |
|
27 <row> |
|
28 <entry> <p><xref href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus |
|
29 pop-up menu</xref></p> </entry> |
|
30 <entry> <fig id="GUID-F042CCE6-26B3-4BC0-B9C2-80E5B36730F2-GENID-1-6-1-6-1-1-5-1-2-1-1-5-2-2-1"> |
|
31 <image href="GUID-AA4FF598-36A0-4F3B-B440-14052C01EED8_d0e52023_href.png" scale="27" placement="inline"></image> |
|
32 </fig> </entry> |
|
33 <entry><p><xref href="GUID-B8BCC4F0-7F55-4728-B7EA-3280CA822C91.dita">Stylus pop-up |
|
34 menu API</xref></p></entry> |
|
35 </row> |
|
36 <row> |
|
37 <entry> <p> <xref href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Toolbar</xref> |
|
38 </p> </entry> |
|
39 <entry> <fig id="GUID-785BE9BB-451F-44BA-A061-35D613D87E61-GENID-1-6-1-6-1-1-5-1-2-1-1-5-3-2-1"> |
|
40 <image href="GUID-0CD826C3-9DD9-46DD-A5A6-9093B8772993_d0e52048_href.png" scale="27" placement="inline"></image> |
|
41 </fig> </entry> |
|
42 <entry> <p><xref href="GUID-B05B61B8-1217-441F-BAFA-C209C8F123C5.dita">Toolbar |
|
43 API</xref>, <xref href="GUID-F3EE1000-71A6-4D48-A30B-3D2357BF20FB.dita">Generic |
|
44 button API</xref> for buttons</p> </entry> |
|
45 </row> |
|
46 <row> |
|
47 <entry><p>Choice list</p></entry> |
|
48 <entry><fig id="GUID-EAE34488-B88B-4D2C-9DAB-A5D8C2AFDE4C"> |
|
49 <image href="GUID-FD52DFC5-03CD-4C7A-B118-0D5C90D99F1A_d0e52073_href.png" scale="27" placement="inline"></image> |
|
50 </fig></entry> |
|
51 <entry><p><xref href="GUID-C29FE12C-C412-40A8-A067-27C63A519D71.dita">Choice list |
|
52 API</xref></p></entry> |
|
53 </row> |
|
54 <row> |
|
55 <entry> <p><xref href="GUID-1AA32C40-CDE0-4627-A634-7C07BB1ED67B.dita">Forms</xref></p> |
|
56 </entry> |
|
57 <entry> <fig id="GUID-0329DFE0-EC57-41D3-A3A8-E016A88EB9AD-GENID-1-6-1-6-1-1-5-1-2-1-1-5-5-2-1"> |
|
58 <image href="GUID-85873CBE-6077-4917-B2B0-5D00C6647CC8_d0e52095_href.png" scale="27" placement="inline"></image> |
|
59 </fig> </entry> |
|
60 <entry> <p>Form |
|
61 API</p> </entry> |
|
62 </row> |
|
63 <row> |
|
64 <entry> <p><xref href="GUID-A5756C5F-9C93-4949-8B60-03DCA1BAF683.dita">Form |
|
65 items</xref></p> <ul> |
|
66 <li> <p>Text field</p> </li> |
|
67 <li> <p>Pop-up field</p> </li> |
|
68 <li> <p>Slider</p> </li> |
|
69 </ul> </entry> |
|
70 <entry><fig id="GUID-65FDE0EB-6063-475D-BC7A-CF0D53445009"> |
|
71 <image href="GUID-DC4E42CA-2A65-44D7-8DBE-386F60F998A0_d0e52140_href.png" scale="27" placement="inline"></image> |
|
72 </fig></entry> |
|
73 <entry> <p>Form |
|
74 API</p> </entry> |
|
75 </row> |
|
76 <row> |
|
77 <entry> <p><xref href="GUID-40F5B725-A5D7-487F-BF5D-A616F768F40D.dita">Grouped |
|
78 soft notification</xref>, <xref href="GUID-13DEE42F-3EAB-4EB7-9CE1-C4930BCACE01.dita">List |
|
79 query</xref>, <xref href="GUID-434F2412-59A1-4BCB-885D-5E708EAA6AB6.dita">Grid |
|
80 query</xref></p> </entry> |
|
81 <entry> <fig id="GUID-53B1D1D1-CE34-4271-9AEA-57A9EE81EDA7-GENID-1-6-1-6-1-1-5-1-2-1-1-5-7-2-1"> |
|
82 <image href="GUID-A432469D-F594-4A94-8889-142AB39A795D_d0e52170_href.png" scale="27" placement="inline"></image> |
|
83 </fig> </entry> |
|
84 <entry> <p>Queries |
|
85 API</p> </entry> |
|
86 </row> |
|
87 <row> |
|
88 <entry> <p>Left/Right arrows in the <xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi |
|
89 pane</xref></p> </entry> |
|
90 <entry> <fig id="GUID-13EFAD4E-B334-4B64-85B0-C5EE3294FD97-GENID-1-6-1-6-1-1-5-1-2-1-1-5-8-2-1"> |
|
91 <image href="GUID-76901D63-BDA2-4DCA-A66C-7BAFD7E211EB_d0e52196_href.png" scale="27" placement="inline"></image> |
|
92 </fig> </entry> |
|
93 <entry> <p>Navigation |
|
94 pane API</p> </entry> |
|
95 </row> |
|
96 <row> |
|
97 <entry> <p><xref href="GUID-ED784025-4E65-4BE9-ADA8-A13427B6EA30.dita">Markable |
|
98 list</xref></p> <p><xref href="GUID-0822B030-E776-4BD5-B9C9-23D3821BCE1F.dita">Selection |
|
99 list</xref></p> </entry> |
|
100 <entry> <fig id="GUID-D0A31598-850F-41C7-BAB7-EB131975A95D-GENID-1-6-1-6-1-1-5-1-2-1-1-5-9-2-1"> |
|
101 <image href="GUID-CA4C11C4-CDD3-4154-B401-B37A88676322_d0e52225_href.png" scale="27" placement="inline"></image> |
|
102 </fig> </entry> |
|
103 <entry> <p>Lists |
|
104 API</p> </entry> |
|
105 </row> |
|
106 <row> |
|
107 <entry> <p>Menu list (e.g., <xref href="GUID-BFEEECCA-190B-4DDE-8A04-4FE918BE8690.dita">Options |
|
108 menu</xref> and submenus)</p> </entry> |
|
109 <entry> <fig id="GUID-9130451A-B2CF-4D0C-A673-1FDBE6143E2A-GENID-1-6-1-6-1-1-5-1-2-1-1-5-10-2-1"> |
|
110 <image href="GUID-C14D29C2-EDE6-4AB2-A346-668591B7ED3C_d0e52252_href.png" scale="27" placement="inline"></image> |
|
111 </fig> </entry> |
|
112 <entry> <p>Options |
|
113 menu API</p> </entry> |
|
114 </row> |
|
115 <row> |
|
116 <entry> <p><xref href="GUID-0E695106-4139-4335-A11F-BD04418DD583.dita">Multi-selection |
|
117 list</xref></p> </entry> |
|
118 <entry> <fig id="GUID-4D2CEDA3-7797-41EE-AD2B-0822284E2066-GENID-1-6-1-6-1-1-5-1-2-1-1-5-11-2-1"> |
|
119 <image href="GUID-6A28C9DE-6EAC-4F39-921A-083198C89004_d0e52277_href.png" scale="27" placement="inline"></image> |
|
120 </fig> </entry> |
|
121 <entry> <p>Lists |
|
122 API</p> </entry> |
|
123 </row> |
|
124 <row> |
|
125 <entry> <p><xref href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview |
|
126 pop-up</xref></p> </entry> |
|
127 <entry><fig id="GUID-BC4E1D2A-8F82-4F92-9F3C-7FEE4192A5F5"> |
|
128 <image href="GUID-AA4FF598-36A0-4F3B-B440-14052C01EED8_d0e52301_href.png" scale="27" placement="inline"></image> |
|
129 </fig></entry> |
|
130 <entry><p>Information |
|
131 preview pop-up API</p></entry> |
|
132 </row> |
|
133 <row> |
|
134 <entry> <p><xref href="GUID-11C24609-3B6D-4B44-B003-FB0C07444A9E.dita">Scroll |
|
135 pane</xref></p> </entry> |
|
136 <entry><fig id="GUID-EA088287-61B0-4C98-AD08-C897E2F20260"> |
|
137 <image href="GUID-F8A7F4CB-011C-425D-83B4-13BD67AA21B7_d0e52322_href.png" scale="27" placement="inline"></image> |
|
138 </fig></entry> |
|
139 <entry><p>Scroller |
|
140 API</p></entry> |
|
141 </row> |
|
142 <row> |
|
143 <entry> <p> <b>Setting items</b> |
|
144 </p> </entry> |
|
145 <entry></entry> |
|
146 <entry><p>Setting |
|
147 pages API</p></entry> |
|
148 </row> |
|
149 <row> |
|
150 <entry> <p>Pop-up setting</p> </entry> |
|
151 <entry><fig id="GUID-278719D0-A988-43B0-8C41-77AF38BF97C7"> |
|
152 <image href="GUID-A0FF8339-E322-4D22-A800-E90467E5C952_d0e52361_href.png" scale="27" placement="inline"></image> |
|
153 </fig></entry> |
|
154 <entry> <p></p> </entry> |
|
155 </row> |
|
156 <row> |
|
157 <entry> <p>Multiselection list setting</p> </entry> |
|
158 <entry><fig id="GUID-081B8B6A-DD1A-4464-9EC4-1D2059BBC96D"> |
|
159 <image href="GUID-7E69FAA4-2198-4428-BD26-96C4020E2077_d0e52381_href.png" scale="27" placement="inline"></image> |
|
160 </fig></entry> |
|
161 <entry> <p></p> </entry> |
|
162 </row> |
|
163 <row> |
|
164 <entry> <p>Text setting</p> </entry> |
|
165 <entry><fig id="GUID-C3AE37C2-FCCC-46AB-883C-C98A3FA6C92E"> |
|
166 <image href="GUID-AA9552C9-6223-459C-A8F9-770ECFCEFBDD_d0e52401_href.png" scale="27" placement="inline"></image> |
|
167 </fig></entry> |
|
168 <entry> <p></p> </entry> |
|
169 </row> |
|
170 <row> |
|
171 <entry> <p>Slider setting</p> </entry> |
|
172 <entry><fig id="GUID-812E74D8-79FF-440F-B564-C47B7E3CB0A9"> |
|
173 <image href="GUID-967E277E-67FC-4F98-B775-06C9BFC09926_d0e52421_href.png" scale="27" placement="inline"></image> |
|
174 </fig></entry> |
|
175 <entry> <p></p> </entry> |
|
176 </row> |
|
177 <row> |
|
178 <entry> <p><xref href="GUID-F149726A-CC79-42A1-8A25-E15AC14ABE9A.dita">Setting |
|
179 list</xref></p> </entry> |
|
180 <entry> <fig id="GUID-A7120F4F-0B07-4E33-B109-9760F16B22E6-GENID-1-6-1-6-1-1-5-1-2-1-1-5-19-2-1"> |
|
181 <image href="GUID-51AB13C3-755C-45CD-841D-1CDF45338A2F_d0e52443_href.png" scale="27" placement="inline"></image> |
|
182 </fig> </entry> |
|
183 <entry> <p>Setting |
|
184 pages API, Lists |
|
185 API</p> </entry> |
|
186 </row> |
|
187 <row> |
|
188 <entry> <p>Softkeys (left and right) in the <xref href="GUID-8B137691-7C9E-4085-BFFE-4CFE4A64A091.dita">Control |
|
189 pane</xref></p> <note>There is no middle softkey label in Touch |
|
190 UI</note> </entry> |
|
191 <entry> <fig id="GUID-0DE5F819-8841-4AFE-A0EE-897A106CFA17-GENID-1-6-1-6-1-1-5-1-2-1-1-5-20-2-1"> |
|
192 <image href="GUID-82ECE53F-FF7B-4DFB-874D-24487E6BB5BD_d0e52475_href.png" scale="27" placement="inline"></image> |
|
193 </fig> </entry> |
|
194 <entry> <p>Buttons |
|
195 API</p> </entry> |
|
196 </row> |
|
197 <row> |
|
198 <entry> <p>Tabs in the <xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi |
|
199 pane</xref></p> </entry> |
|
200 <entry> <fig id="GUID-F16305FA-14A3-4252-A1D8-A30E078D5CD2-GENID-1-6-1-6-1-1-5-1-2-1-1-5-21-2-1"> |
|
201 <image href="GUID-0B647098-CCD8-4E9C-A07F-9A9E2346CA23_d0e52501_href.png" scale="27" placement="inline"></image> |
|
202 </fig> </entry> |
|
203 <entry> <p>Tabs |
|
204 API, Navigation |
|
205 pane API (container)</p> </entry> |
|
206 </row> |
|
207 <row> |
|
208 <entry> <p><xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status |
|
209 pane</xref></p> <ul> |
|
210 <li> <p><xref href="GUID-66EFFCF5-581A-4EE7-B784-8087A1081B6D.dita">Title |
|
211 pane</xref></p> </li> |
|
212 <li> <p><xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi |
|
213 pane</xref></p> </li> |
|
214 <li> <p><xref href="GUID-A947B5A8-9138-4FA2-B8D8-2850AEB2F38C.dita">Battery |
|
215 pane</xref></p> </li> |
|
216 <li> <p><xref href="GUID-314B1556-5CB5-4BCC-93C0-B22DB849D2D5.dita">Universal |
|
217 indicator pane</xref></p> </li> |
|
218 <li> <p><xref href="GUID-DF3F2FD0-FF68-4CEF-843F-CBC9E84F3A7F.dita">Signal |
|
219 pane</xref></p> </li> |
|
220 </ul> </entry> |
|
221 <entry> <fig id="GUID-DB24556D-1254-425A-B5ED-2C76E50B7735-GENID-1-6-1-6-1-1-5-1-2-1-1-5-22-2-1"> |
|
222 <image href="GUID-22BE45B9-7788-41B5-9E81-E0420CB956C7_d0e52568_href.png" scale="27" placement="inline"></image> |
|
223 </fig> </entry> |
|
224 <entry> <ul> |
|
225 <li><p>Status |
|
226 pane API for the entire status pane</p></li> |
|
227 <li><p>Title |
|
228 pane API for the title pane</p></li> |
|
229 <li><p><xref href="GUID-B876D548-FD40-4369-B328-7427002B4851.dita">Title Pane Touch |
|
230 Observer API</xref> for title pane touch events</p></li> |
|
231 <li><p>Navigation |
|
232 pane API for the entire navi pane</p></li> |
|
233 <li><p>Tabs |
|
234 API for tabs in the navi pane</p></li> |
|
235 <li><p>HWRM |
|
236 power state API for a publish and subscribe interface to battery status</p></li> |
|
237 <li><p>Indicators |
|
238 API for the indicator pane</p></li> |
|
239 <li><p>The signal pane is not accessible to applications.</p></li> |
|
240 </ul> </entry> |
|
241 </row> |
|
242 </tbody> |
|
243 </tgroup> |
|
244 </table></conbody></concept> |