9 --> |
9 --> |
10 <!DOCTYPE concept |
10 <!DOCTYPE concept |
11 PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd"> |
11 PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd"> |
12 <concept id="GUID-AE6F03EB-1430-4526-B4D0-57BC6C6029D4" xml:lang="en"><title>Touch |
12 <concept id="GUID-AE6F03EB-1430-4526-B4D0-57BC6C6029D4" xml:lang="en"><title>Touch |
13 UI</title><prolog><metadata><keywords/></metadata></prolog><conbody> |
13 UI</title><prolog><metadata><keywords/></metadata></prolog><conbody> |
14 <p>When designing a Symbian application, the UI must be designed so that everything |
14 <p>When designing a Symbian application, the UI must be designed so that all |
15 can be done with touch. Therefore, the design must not rely on hardware keys |
15 tasks can be performed with touch. Therefore, the design must not rely on |
16 (except for turning the power on and off). </p> |
16 hardware keys (except for turning the power ON and OFF). </p> |
17 <p>The touch UI in the Symbian OS involves a number of specific touch components, |
17 <p>The touch UI in the Symbian platform involves various specific touch components, |
18 component and UI behavior changes, layout changes and additions to the <xref href="GUID-0D093C3D-4D85-455E-B685-064A9B25B1FE.dita">user experience</xref>. The |
18 component and UI behavior changes, layout changes and additions to the <xref href="GUID-0D093C3D-4D85-455E-B685-064A9B25B1FE.dita">user experience</xref>. The |
19 main differences or additions include the following:</p> |
19 main differences or additions in touch UI include the following:</p> |
20 <ul> |
20 <ul> |
21 <li><p>Resistive touch screen (HW) </p></li> |
21 <li><p>Resistive touch screen (HW).</p><p> For more information, see <xref href="GUID-1FCD0312-7B28-47F9-BE54-822B74A8934C.dita">Designing applications for |
22 <li><p>Capacitive touch screen (HW)</p></li> |
22 touch UI</xref></p></li> |
23 <li><p>Toolbar in touch UI (component) </p><p>For |
23 <li><p>Capacitive touch screen (HW). </p><p>For more information, see <xref href="GUID-1FCD0312-7B28-47F9-BE54-822B74A8934C.dita">Designing applications for |
|
24 touch UI</xref></p></li> |
|
25 <li><p>Single tap. For more information, see <xref href="GUID-F66AC845-58B8-4029-AE04-C283226B7C12.dita">Single |
|
26 tap</xref>.</p></li> |
|
27 <li><p>Multi-touch</p>.<p>For more information, see <xref href="GUID-17C64C2F-9426-4B41-9F0A-23060289D644.dita">Multi-touch</xref>.</p></li> |
|
28 <li><p>Touch gestures.</p><p>For more information, |
|
29 see <xref href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Touch gestures</xref>.</p></li> |
|
30 <li><p>Toolbar component in touch UI</p><p>For |
24 more information, see <xref href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Toolbar</xref>.</p></li> |
31 more information, see <xref href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Toolbar</xref>.</p></li> |
25 <li><p>Touch input (virtual keyboard, hand-writing recognition and virtual |
32 <li><p>Touch input component (virtual keyboard, hand-writing recognition and |
26 ITU-T) (components) </p><p>For more information, |
33 virtual ITU-T) </p><p>For more information, |
27 see <xref href="GUID-57B7DA8C-A62F-4C65-B754-47D9F5E76416.dita">Text input</xref>.</p></li> |
34 see <xref href="GUID-57B7DA8C-A62F-4C65-B754-47D9F5E76416.dita">Text |
28 <li><p>Stylus pop-up menu (component) </p><p>For |
35 input</xref>.</p></li> |
|
36 <li><p>Stylus pop-up menu component </p><p>For |
29 more information, see <xref href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus |
37 more information, see <xref href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus |
30 pop-up menu</xref>.</p></li> |
38 pop-up menu</xref>.</p></li> |
31 <li><p>On-screen dialer (an application) </p></li> |
39 <li><p>On-screen dialer application </p></li> |
32 <li><p>Additional touch functionality to some components (for example, Preview |
40 <li><p>Additional touch functionality to some components (for example, Preview |
33 pop-up) </p><p>For more information, |
41 pop-up) </p><p>For more information, |
34 see <xref href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview |
42 see <xref href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview |
35 pop-up</xref>.</p></li> |
43 pop-up</xref>.</p></li> |
36 <li><p>Touch-enabled common components</p><p>For |
44 <li><p>Touch-enabled components</p><p>For |
37 more information, see <xref href="GUID-BB8B3A11-0BBC-4759-A7F4-A28C9E70573F.dita">Touch |
45 more information, see <xref href="GUID-BB8B3A11-0BBC-4759-A7F4-A28C9E70573F.dita">Touch |
38 support for common UI components</xref>.</p></li> |
46 support for UI components</xref>.</p></li> |
39 </ul> |
47 </ul> |
40 <p>There are two generic layouts for touch UI: portrait orientation and landscape |
48 <p>There are two generic layouts for touch UI -portrait orientation and landscape |
41 orientation, see the figure below. The <xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status |
49 orientation, see the following figure. The <xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status |
42 pane</xref> in Touch UI has three variants: extended, flat and small.</p> |
50 pane</xref> in Touch UI has three variants: extended, flat and small.</p> |
43 <fig id="GUID-81426DEE-7FBB-48C1-AB46-BCFF3944699C"> |
51 <fig id="GUID-81426DEE-7FBB-48C1-AB46-BCFF3944699C"> |
44 <title>Default Symbian Touch UI layouts for portrait and landscape</title> |
52 <title>Default Symbian Touch UI layouts for portrait and landscape</title> |
45 <image href="GUID-6285AC85-C16B-4EAF-87EB-2080B24D943F_d0e70940_href.png" scale="45" placement="inline"/> |
53 <image href="GUID-ADA36DA0-4E5D-483D-8AA7-C10A8E55ADD2_d0e101762_href.png" placement="inline"/> |
46 </fig> |
54 </fig> |
47 </conbody></concept> |
55 </conbody></concept> |