|
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 --> |
|
10 <!DOCTYPE concept |
|
11 PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd"> |
|
12 <concept id="GUID-CCE6DC36-625C-487C-9AD8-F1BF8E36080A" xml:lang="en"><title>UI |
|
13 components</title><prolog><metadata><keywords/></metadata></prolog><conbody> |
|
14 <p><draft-comment time="2010-03-04T16:19" translate="no">This table has been filtered for |
|
15 PDK, SDK and Internal publications. The conditions applied for each row can |
|
16 be viewed in the Document Map on the left hand pane (they have attribute mark).</draft-comment></p> |
|
17 <table id="GUID-CB1618F8-C658-42A5-BF86-3AA8CDCFF681-GENID-1-8-1-6-1-1-5-1-2-2"> |
|
18 <tgroup cols="3"><colspec colname="col1" colwidth="0.40*"/><colspec colname="col2" colwidth="1.38*"/><colspec colname="col3" colwidth="1.21*"/> |
|
19 <thead> |
|
20 <row> |
|
21 <entry> <p>Component</p> </entry> |
|
22 <entry> <p>Example image</p> </entry> |
|
23 <entry> <p>C++ APIs for implementation</p> </entry> |
|
24 </row> |
|
25 </thead> |
|
26 <tbody> |
|
27 |
|
28 |
|
29 <row> |
|
30 <entry> <p><xref href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus |
|
31 pop-up menu</xref></p> </entry> |
|
32 <entry> <fig id="GUID-C68B7CBA-6DA8-4DAF-AAEE-549784033BF5"> |
|
33 <image href="GUID-70E92884-004F-43B5-B740-B0C95E8E401C_d0e57062_href.png" placement="inline"/> |
|
34 </fig> </entry> |
|
35 <entry><p>Stylus pop-up menu API</p></entry> |
|
36 </row> |
|
37 <row> |
|
38 <entry> <p> <xref href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Toolbar</xref></p> |
|
39 </entry> |
|
40 <entry> <fig id="GUID-CD41B544-521C-4271-A7D8-1C68399AB3A6"> |
|
41 <image href="GUID-2A4DED23-D0AB-436A-BCED-F0645FF05726_d0e57086_href.png" placement="inline"/> |
|
42 </fig> </entry> |
|
43 <entry> <p><xref href="GUID-B05B61B8-1217-441F-BAFA-C209C8F123C5.dita">Toolbar |
|
44 API</xref>, <xref href="GUID-F3EE1000-71A6-4D48-A30B-3D2357BF20FB.dita">Generic |
|
45 button API</xref> for buttons</p> </entry> |
|
46 </row> |
|
47 <row> |
|
48 <entry><p>Choice list</p></entry> |
|
49 <entry><fig id="GUID-EAE34488-B88B-4D2C-9DAB-A5D8C2AFDE4C"> |
|
50 <image href="GUID-7A2A9222-7D10-4007-95AB-C9584EC54698_d0e57111_href.png" placement="inline"/> |
|
51 </fig></entry> |
|
52 <entry><p><xref href="GUID-C29FE12C-C412-40A8-A067-27C63A519D71.dita">Choice list |
|
53 API</xref></p></entry> |
|
54 </row> |
|
55 <row> |
|
56 <entry> <p><xref href="GUID-1AA32C40-CDE0-4627-A634-7C07BB1ED67B.dita">Forms</xref></p> |
|
57 </entry> |
|
58 <entry> <fig id="GUID-F0BF6AEC-5F2D-4BFC-98B4-E8E934FCE10C"> |
|
59 <image href="GUID-11A79174-485E-425C-9653-193B670A3F03_d0e57133_href.png" placement="inline"/> |
|
60 </fig> </entry> |
|
61 <entry> <p><xref format="html" href="specs/guides/Form_API_Specification/Form_API_Specification.html" scope="peer">Form API</xref></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_d0e57178_href.png" scale="27" placement="inline"/> |
|
72 </fig></entry> |
|
73 <entry> <p><xref format="html" href="specs/guides/Form_API_Specification/Form_API_Specification.html" scope="peer">Form API</xref></p> </entry> |
|
74 </row> |
|
75 <row> |
|
76 <entry> <p><xref href="GUID-40F5B725-A5D7-487F-BF5D-A616F768F40D.dita">Grouped |
|
77 soft notification</xref>, <xref href="GUID-13DEE42F-3EAB-4EB7-9CE1-C4930BCACE01.dita">List |
|
78 query</xref>, <xref href="GUID-434F2412-59A1-4BCB-885D-5E708EAA6AB6.dita">Grid |
|
79 query</xref></p> </entry> |
|
80 <entry> <fig id="GUID-0FF4831E-1870-40B0-8F29-A6F14826412E"> |
|
81 <image href="GUID-81767E3E-BE4D-40D9-A4F2-3801BCCC1EA7_d0e57208_href.png" placement="inline"/> |
|
82 </fig> </entry> |
|
83 <entry> <p>Queries API</p> </entry> |
|
84 </row> |
|
85 <row> |
|
86 <entry> <p>Left/Right arrows in the <xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi |
|
87 pane</xref></p> </entry> |
|
88 <entry> <fig id="GUID-13EFAD4E-B334-4B64-85B0-C5EE3294FD97-GENID-1-8-1-6-1-1-5-1-2-2-1-5-7-2-1"> |
|
89 <image href="GUID-76901D63-BDA2-4DCA-A66C-7BAFD7E211EB_d0e57233_href.png" scale="27" placement="inline"/> |
|
90 </fig> </entry> |
|
91 <entry> <p><xref format="html" href="specs/guides/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html" scope="peer">Navigation pane API</xref></p> </entry> |
|
92 </row> |
|
93 <row> |
|
94 <entry> <p><xref href="GUID-ED784025-4E65-4BE9-ADA8-A13427B6EA30.dita">Markable |
|
95 list</xref></p> <p><xref href="GUID-0822B030-E776-4BD5-B9C9-23D3821BCE1F.dita">Selection |
|
96 list</xref></p> </entry> |
|
97 <entry> <fig id="GUID-766A6391-9572-4231-8756-8ACDB5EED335"> |
|
98 <image href="GUID-8CCA308A-5302-4D95-8E60-DA75D8B6DC41_d0e57262_href.png" placement="inline"/> |
|
99 </fig> </entry> |
|
100 <entry> <p><xref format="html" href="specs/guides/Lists_API_Specification/Lists_API_Specification.html" scope="peer">Lists API</xref></p> </entry> |
|
101 </row> |
|
102 <row> |
|
103 <entry> <p>Menu list (e.g., <xref href="GUID-BFEEECCA-190B-4DDE-8A04-4FE918BE8690.dita">Options |
|
104 menu</xref> and submenus)</p> </entry> |
|
105 <entry> <fig id="GUID-7F128013-32DC-4567-908E-BAC6297C5E43"> |
|
106 <image href="GUID-8BA0D643-5ED1-4DC4-82EC-C8AA392DCBC4_d0e57289_href.png" placement="inline"/> |
|
107 </fig> </entry> |
|
108 <entry> <p><xref format="html" href="specs/guides/Options_Menu_API_Specification/Options_Menu_API_Specification.html" scope="peer">Options menu API</xref></p> </entry> |
|
109 </row> |
|
110 <row> |
|
111 <entry> <p><xref href="GUID-0E695106-4139-4335-A11F-BD04418DD583.dita">Multi-selection |
|
112 list</xref></p> </entry> |
|
113 <entry> <fig id="GUID-E899EFED-C4E7-45A3-B262-A5D3DFFB96BC"> |
|
114 <image href="GUID-3AA34D0C-539D-4D4E-9337-EB5B83AEF4C1_d0e57314_href.png" placement="inline"/> |
|
115 </fig> </entry> |
|
116 <entry> <p><xref format="html" href="specs/guides/Lists_API_Specification/Lists_API_Specification.html" scope="peer">Lists API</xref></p> </entry> |
|
117 </row> |
|
118 <row> |
|
119 <entry> <p><xref href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview |
|
120 pop-up</xref></p> </entry> |
|
121 <entry><fig id="GUID-BC4E1D2A-8F82-4F92-9F3C-7FEE4192A5F5"> |
|
122 <image href="GUID-02072A1B-6F60-457B-8F26-2B25A6EA7C5F_d0e57338_href.png" placement="inline"/> |
|
123 </fig></entry> |
|
124 <entry><p><xref format="html" href="specs/guides/Information_Preview_Popup_API_Specification/Information_Preview_Popup_API_Specification.html" scope="peer">Information preview pop-up API</xref></p></entry> |
|
125 </row> |
|
126 <row> |
|
127 <entry> <p><xref href="GUID-11C24609-3B6D-4B44-B003-FB0C07444A9E.dita">Scroll |
|
128 pane</xref></p> </entry> |
|
129 <entry><fig id="GUID-3123A8A3-1DEF-4DA2-8A55-9D4FD0966D8A"> |
|
130 <image href="GUID-3382507E-1B21-418C-A908-DD3F688C0672_d0e57359_href.png" placement="inline"/> |
|
131 </fig></entry> |
|
132 <entry><p><xref format="html" href="specs/guides/Scroller_API_Specification/Scroller_API_Specification.html" scope="peer">Scroller API</xref></p></entry> |
|
133 </row> |
|
134 <row> |
|
135 <entry> <p> <b>Setting items</b> |
|
136 </p> </entry> |
|
137 <entry/> |
|
138 <entry><p><xref format="html" href="specs/guides/Setting_Pages_API_Specification/Setting_Pages_API_Specification.html" scope="peer">Setting pages API</xref></p></entry> |
|
139 </row> |
|
140 <row> |
|
141 <entry> <p>Pop-up setting</p> </entry> |
|
142 <entry><fig id="GUID-36BF077E-CD71-416E-831D-16328826753E"> |
|
143 <image href="GUID-DFBBA71F-0042-4303-B66F-0D291106B655_d0e57398_href.png" placement="inline"/> |
|
144 </fig></entry> |
|
145 <entry> <p/> </entry> |
|
146 </row> |
|
147 <row> |
|
148 <entry> <p>Multi-selection list setting</p> </entry> |
|
149 <entry><fig id="GUID-B9E2C260-5278-4C2E-B76C-17305547F324"> |
|
150 <image href="GUID-3AA34D0C-539D-4D4E-9337-EB5B83AEF4C1_d0e57418_href.png" placement="inline"/> |
|
151 </fig></entry> |
|
152 <entry> <p/> </entry> |
|
153 </row> |
|
154 <row> |
|
155 <entry> <p>Text setting</p> </entry> |
|
156 <entry><fig id="GUID-C9E90E52-534A-41FE-A4E0-5DD39ADB8C1A"> |
|
157 <image href="GUID-F161C184-2016-4331-A57C-78C753453EFE_d0e57438_href.png" placement="inline"/> |
|
158 </fig></entry> |
|
159 <entry> <p/> </entry> |
|
160 </row> |
|
161 <row> |
|
162 <entry> <p>Slider setting</p> </entry> |
|
163 <entry><fig id="GUID-6EAC8628-057C-4164-A6E9-D01BF6326276"> |
|
164 <image href="GUID-D8D65830-CC9D-4E9F-A206-34BB077E89E6_d0e57458_href.png" placement="inline"/> |
|
165 </fig></entry> |
|
166 <entry> <p/> </entry> |
|
167 </row> |
|
168 <row> |
|
169 <entry> <p><xref href="GUID-F149726A-CC79-42A1-8A25-E15AC14ABE9A.dita">Setting |
|
170 list</xref></p> </entry> |
|
171 <entry> <fig id="GUID-8331EB35-DA07-4A91-B5E4-63246039FE91"> |
|
172 <image href="GUID-EC7E0C0E-EEB0-45B5-BE4A-11CAF78EC366_d0e57480_href.png" placement="inline"/> |
|
173 </fig> </entry> |
|
174 <entry> <p><xref format="html" href="specs/guides/Setting_Pages_API_Specification/Setting_Pages_API_Specification.html" scope="peer">Setting pages API</xref>, <xref format="html" href="specs/guides/Lists_API_Specification/Lists_API_Specification.html" scope="peer">Lists API</xref></p> </entry> |
|
175 </row> |
|
176 <row> |
|
177 <entry> <p>Softkeys (left and right) in the <xref href="GUID-8B137691-7C9E-4085-BFFE-4CFE4A64A091.dita">Control |
|
178 pane</xref></p> <note>There is no middle softkey label in Touch |
|
179 UI</note> </entry> |
|
180 <entry> <fig id="GUID-9EE9B343-0FA2-4A7B-A302-21D16DE078EA"> |
|
181 <image href="GUID-A0208BE3-127F-4D04-8045-09C54EF202DD_d0e57512_href.png" placement="inline"/> |
|
182 </fig> </entry> |
|
183 <entry> <p><xref format="html" href="specs/guides/Buttons_API_Specification/Buttons_API_Specification.html" scope="peer">Buttons API</xref></p> </entry> |
|
184 </row> |
|
185 <row> |
|
186 <entry> <p>Tabs in the <xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi |
|
187 pane</xref></p> </entry> |
|
188 <entry> <fig id="GUID-79A9AE58-4062-46E9-9066-FC8378C03039"> |
|
189 <image href="GUID-65365507-5773-4FE9-B63E-450CC2DD7570_d0e57538_href.png" placement="inline"/> |
|
190 </fig> </entry> |
|
191 <entry> <p><xref format="html" href="specs/guides/Tabs_API_Specification/Tabs_API_Specification.html" scope="peer">Tabs API</xref>, <xref format="html" href="specs/guides/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html" scope="peer">Navigation pane API</xref> (container)</p> </entry> |
|
192 </row> |
|
193 <row> |
|
194 <entry> <p><xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status |
|
195 pane</xref></p> <ul> |
|
196 <li> <p><xref href="GUID-66EFFCF5-581A-4EE7-B784-8087A1081B6D.dita">Title |
|
197 pane</xref></p> </li> |
|
198 <li> <p><xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi |
|
199 pane</xref></p> </li> |
|
200 <li> <p><xref href="GUID-A947B5A8-9138-4FA2-B8D8-2850AEB2F38C.dita">Battery |
|
201 pane</xref></p> </li> |
|
202 <li> <p><xref href="GUID-314B1556-5CB5-4BCC-93C0-B22DB849D2D5.dita">Universal |
|
203 indicator pane</xref></p> </li> |
|
204 <li> <p><xref href="GUID-DF3F2FD0-FF68-4CEF-843F-CBC9E84F3A7F.dita">Signal |
|
205 pane</xref></p> </li> |
|
206 </ul> </entry> |
|
207 <entry> <fig id="GUID-A9181E38-4478-4705-8F63-1B0B209899B3"> |
|
208 <image href="GUID-D9F3D83E-50C7-4D15-839C-F225D95865B0_d0e57605_href.png" placement="inline"/> |
|
209 </fig> </entry> |
|
210 <entry> <ul> |
|
211 <li><p><xref format="html" href="specs/guides/Status_Pane_API_Specification/Status_Pane_API_Specification.html" scope="peer">Status pane API</xref> for the entire status pane</p></li> |
|
212 <li><p>Title pane API for the title pane</p></li> |
|
213 <li><p>Title Pane Touch Observer API for title pane touch events</p></li> |
|
214 <li><p><xref format="html" href="specs/guides/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html" scope="peer">Navigation pane API</xref> for the entire navi pane</p></li> |
|
215 <li><p><xref format="html" href="specs/guides/Tabs_API_Specification/Tabs_API_Specification.html" scope="peer">Tabs API</xref> for tabs in the navi pane</p></li> |
|
216 <li><p>HWRM power state API for a publish and subscribe interface to battery |
|
217 status</p></li> |
|
218 <li><p>Indicators API for the indicator pane</p></li> |
|
219 <li><p>The signal pane is not accessible to applications.</p></li> |
|
220 </ul> </entry> |
|
221 </row> |
|
222 <row> |
|
223 <entry><p><xref href="GUID-60B979FB-43BD-480E-8E17-1D3DA2002CB1.dita"><b>Slider |
|
224 pop-up</b></xref></p><ul> |
|
225 <li><p><xref href="CB163645-CB5E-4DB5-9830-B97D12FDCBF5.dita">Volume Controller</xref></p></li> |
|
226 </ul></entry> |
|
227 <entry><fig id="GUID-3D11667A-7280-4614-BCB7-7F34BF453584"> |
|
228 <image href="GUID-F96623BF-B646-46B4-942E-69EB065BE491_d0e57672_href.png" placement="inline"/> |
|
229 </fig></entry> |
|
230 <entry/> |
|
231 </row> |
|
232 <row> |
|
233 <entry><p><xref href="GUID-EC98E7E0-872D-467D-BDC8-6471F6165705.dita">Universal |
|
234 indicator pop-up</xref></p></entry> |
|
235 <entry><fig id="GUID-01050257-59D4-4224-8756-22F9524B94AB-GENID-1-8-1-6-1-1-5-1-2-2-1-5-23-2-1"> |
|
236 <image href="GUID-2CBD504A-5538-4823-9139-2941A0BA5E8B_d0e57688_href.png" placement="inline"/> |
|
237 </fig></entry> |
|
238 <entry/> |
|
239 </row> |
|
240 </tbody> |
|
241 </tgroup> |
|
242 </table> |
|
243 <p>For details on touch support of these components, see <xref href="GUID-BB8B3A11-0BBC-4759-A7F4-A28C9E70573F.dita">Touch |
|
244 support for UI components</xref></p> |
|
245 </conbody></concept> |