|
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-AE6F03EB-1430-4526-B4D0-57BC6C6029D4" xml:lang="en"><title>Touch |
|
13 UI</title><prolog><metadata><keywords/></metadata></prolog><conbody> |
|
14 <p>When designing a Symbian application, the UI must be designed so that all |
|
15 tasks can be performed with touch. Therefore, the design must not rely on |
|
16 hardware keys (except for turning the power ON and OFF). </p> |
|
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 |
|
19 main differences or additions in touch UI include the following:</p> |
|
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 |
|
22 touch UI</xref></p></li> |
|
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 |
|
29 <li><p>Toolbar component in touch UI</p><p>For |
|
30 more information, see <xref href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Toolbar</xref>.</p></li> |
|
31 <li><p>Touch input component (virtual keyboard, hand-writing recognition and |
|
32 virtual ITU-T) </p><p>For more information, |
|
33 see <xref href="GUID-57B7DA8C-A62F-4C65-B754-47D9F5E76416.dita">Text |
|
34 input</xref>.</p></li> |
|
35 <li><p>Stylus pop-up menu component </p><p>For |
|
36 more information, see <xref href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus |
|
37 pop-up menu</xref>.</p></li> |
|
38 <li><p>On-screen dialer application </p></li> |
|
39 <li><p>Additional touch functionality to some components (for example, Preview |
|
40 pop-up) </p><p>For more information, |
|
41 see <xref href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview |
|
42 pop-up</xref>.</p></li> |
|
43 <li><p>Touch-enabled components</p><p>For |
|
44 more information, see <xref href="GUID-BB8B3A11-0BBC-4759-A7F4-A28C9E70573F.dita">Touch |
|
45 support for UI components</xref>.</p></li> |
|
46 </ul> |
|
47 <p>There are two generic layouts for touch UI -portrait orientation and landscape |
|
48 orientation, see the following figure. The <xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status |
|
49 pane</xref> in Touch UI has three variants: extended, flat and small.</p> |
|
50 <fig id="GUID-81426DEE-7FBB-48C1-AB46-BCFF3944699C"> |
|
51 <title>Default Symbian Touch UI layouts for portrait and landscape</title> |
|
52 <image href="GUID-ADA36DA0-4E5D-483D-8AA7-C10A8E55ADD2_d0e73877_href.png" placement="inline"/> |
|
53 </fig> |
|
54 </conbody></concept> |