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