1 <?xml version="1.0" encoding="UTF-8"?> |
1 <?xml version="1.0" encoding="utf-8"?> |
2 <!--Arbortext, Inc., 1988-2008, v.4002--> |
2 <!-- Copyright (c) 2007-2010 Nokia Corporation and/or its subsidiary(-ies) All rights reserved. --> |
3 <!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" |
3 <!-- This component and the accompanying materials are made available under the terms of the License |
4 "concept.dtd"> |
4 "Eclipse Public License v1.0" which accompanies this distribution, |
5 <concept id="GUID-AE6F03EB-1430-4526-B4D0-57BC6C6029D4" xml:lang="en"> |
5 and is available at the URL "http://www.eclipse.org/legal/epl-v10.html". --> |
6 <title>Touch UI</title> |
6 <!-- Initial Contributors: |
7 <prolog> |
7 Nokia Corporation - initial contribution. |
8 <metadata><keywords></keywords></metadata> |
8 Contributors: |
9 </prolog> |
9 --> |
10 <conbody> |
10 <!DOCTYPE concept |
|
11 PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd"> |
|
12 <concept id="GUID-AE6F03EB-1430-4526-B4D0-57BC6C6029D4" xml:lang="en"><title>Touch UI</title><prolog><metadata><keywords/></metadata></prolog><conbody> |
11 <p>When designing a Symbian application, the UI must be designed so |
13 <p>When designing a Symbian application, the UI must be designed so |
12 that all tasks can be performed with touch. Therefore, the design |
14 that all tasks can be performed with touch. Therefore, the design |
13 must not rely on hardware keys (except for turning the power ON and |
15 must not rely on hardware keys (except for turning the power ON and |
14 OFF). </p> |
16 OFF). </p> |
15 <p>The touch UI in the Symbian platform involves various specific |
17 <p>The touch UI in the Symbian platform involves various specific |
16 touch components, component and UI behavior changes, layout changes |
18 touch components, component and UI behavior changes, layout changes |
17 and additions to the <xref |
19 and additions to the <xref href="GUID-0D093C3D-4D85-455E-B685-064A9B25B1FE.dita">user experience</xref>. The main differences or additions in touch UI include the following:</p> |
18 href="GUID-0D093C3D-4D85-455E-B685-064A9B25B1FE.dita">user experience</xref |
|
19 >. The main differences or additions in touch UI include the following:</p> |
|
20 <ul> |
20 <ul> |
21 <li><p>Resistive touch screen (HW).</p><p> For more information, see <xref |
21 <li><p>Resistive touch screen (HW).</p><p> For more information, see <xref href="GUID-1FCD0312-7B28-47F9-BE54-822B74A8934C.dita">Designing applications |
22 href="GUID-1FCD0312-7B28-47F9-BE54-822B74A8934C.dita">Designing applications |
|
23 for touch UI</xref></p></li> |
22 for touch UI</xref></p></li> |
24 <li><p>Capacitive touch screen (HW). </p><p>For more information, |
23 <li><p>Capacitive touch screen (HW). </p><p>For more information, |
25 see <xref href="GUID-1FCD0312-7B28-47F9-BE54-822B74A8934C.dita">Designing |
24 see <xref href="GUID-1FCD0312-7B28-47F9-BE54-822B74A8934C.dita">Designing |
26 applications for touch UI</xref></p></li> |
25 applications for touch UI</xref></p></li> |
27 <li><p>Single ta<?Pub Caret?>p. For more information, see <xref |
26 <li><p>Single tap. For more information, see <xref href="GUID-F66AC845-58B8-4029-AE04-C283226B7C12.dita">Single tap</xref>.</p></li> |
28 href="GUID-F66AC845-58B8-4029-AE04-C283226B7C12.dita">Single tap</xref |
27 <li><p>Multiple touch.</p><p>For more information, see <xref href="GUID-17C64C2F-9426-4B41-9F0A-23060289D644.dita">Multiple touch</xref>.</p></li> |
29 >.</p></li> |
28 <li><p>Touch gestures.</p><p>For |
30 <li><p>Multiple touch.</p><p>For more information, see <xref |
29 more information, see <xref href="GUID-2C0C173D-C659-4011-8B7A-8EB35E64D150.dita">Touch gestures</xref>.</p></li> |
31 href="GUID-17C64C2F-9426-4B41-9F0A-23060289D644.dita">Multiple touch</xref |
30 <li><p>Toolbar component in touch UI</p><p>For more information, see <xref href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Toolbar</xref>.</p></li> |
32 >.</p></li> |
|
33 <li><p>Touch gestures.</p><p>For more information, see <xref |
|
34 href="GUID-2C0C173D-C659-4011-8B7A-8EB35E64D150.dita">Touch gestures</xref |
|
35 >.</p></li> |
|
36 <li><p>Toolbar component in touch UI</p><p>For more information, see <xref |
|
37 href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Toolbar</xref |
|
38 >.</p></li> |
|
39 <li><p>Touch input component (virtual keyboard, hand-writing recognition |
31 <li><p>Touch input component (virtual keyboard, hand-writing recognition |
40 and virtual ITU-T) </p><p>For more information, see <xref |
32 and virtual ITU-T) </p><p>For |
41 href="GUID-57B7DA8C-A62F-4C65-B754-47D9F5E76416.dita">Text input</xref |
33 more information, see <xref href="GUID-57B7DA8C-A62F-4C65-B754-47D9F5E76416.dita">Text |
42 >.</p></li> |
34 input</xref>.</p></li> |
43 <li><p>Stylus pop-up menu component </p><p>For more information, see <xref |
35 <li><p>Stylus pop-up menu component </p><p>For more information, see <xref href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus |
44 href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus pop-up |
36 pop-up menu</xref>.</p></li> |
45 menu</xref>.</p></li> |
|
46 <li><p>On-screen dialer application </p></li> |
37 <li><p>On-screen dialer application </p></li> |
47 <li><p>Additional touch functionality to some components (for example, |
38 <li><p>Additional touch functionality to some components (for example, |
48 Preview pop-up) </p><p>For more information, see <xref |
39 Preview pop-up) </p><p>For more |
49 href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview pop-up</xref |
40 information, see <xref href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview |
50 >.</p></li> |
41 pop-up</xref>.</p></li> |
51 <li><p>Touch-enabled components</p><p>For more information, see <xref |
42 <li><p>Touch-enabled components</p><p>For more information, see <xref href="GUID-BB8B3A11-0BBC-4759-A7F4-A28C9E70573F.dita">Touch support for UI components</xref>.</p></li> |
52 href="GUID-BB8B3A11-0BBC-4759-A7F4-A28C9E70573F.dita">Touch support |
|
53 for UI components</xref>.</p></li> |
|
54 </ul> |
43 </ul> |
55 <p>There are two generic layouts for touch UI -portrait orientation |
44 <p>There are two generic layouts for touch UI -portrait orientation |
56 and landscape orientation, see the following figure. The <xref |
45 and landscape orientation, see the following figure. The <xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status pane</xref> in Touch UI has three variants: extended, flat and small.</p> |
57 href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status pane</xref |
|
58 > in Touch UI has three variants: extended, flat and small.</p> |
|
59 <fig id="GUID-81426DEE-7FBB-48C1-AB46-BCFF3944699C"> |
46 <fig id="GUID-81426DEE-7FBB-48C1-AB46-BCFF3944699C"> |
60 <title>Default Symbian Touch UI layouts for portrait and landscape</title> |
47 <title>Default Symbian Touch UI layouts for portrait and landscape</title> |
61 <image href="GUID-ADA36DA0-4E5D-483D-8AA7-C10A8E55ADD2_d0e96842_href.png" |
48 <image href="GUID-ADA36DA0-4E5D-483D-8AA7-C10A8E55ADD2_d0e100921_href.png" placement="inline"/> |
62 placement="inline"></image></fig> |
49 </fig> |
63 </conbody> |
50 </conbody></concept> |
64 </concept> |
|
65 <?Pub *0000003177?> |
|