|
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 everything |
|
15 can be done with touch. Therefore, the design must not rely on hardware keys |
|
16 (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, |
|
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> |
|
20 <ul> |
|
21 <li><p>Resistive touch screen (HW) </p></li> |
|
22 <li><p>Capacitive touch screen (HW)</p></li> |
|
23 <li><p>Toolbar in touch UI (component) </p><p>For |
|
24 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 |
|
26 ITU-T) (components) </p><p>For more information, |
|
27 see <xref href="GUID-57B7DA8C-A62F-4C65-B754-47D9F5E76416.dita">Text input</xref>.</p></li> |
|
28 <li><p>Stylus pop-up menu (component) </p><p>For |
|
29 more information, see <xref href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus |
|
30 pop-up menu</xref>.</p></li> |
|
31 <li><p>On-screen dialer (an application) </p></li> |
|
32 <li><p>Additional touch functionality to some components (for example, Preview |
|
33 pop-up) </p><p>For more information, |
|
34 see <xref href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview |
|
35 pop-up</xref>.</p></li> |
|
36 <li><p>Touch-enabled common components</p><p>For |
|
37 more information, see <xref href="GUID-BB8B3A11-0BBC-4759-A7F4-A28C9E70573F.dita">Touch |
|
38 support for common UI components</xref>.</p></li> |
|
39 </ul> |
|
40 <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 |
|
42 pane</xref> in Touch UI has three variants: extended, flat and small.</p> |
|
43 <fig id="GUID-81426DEE-7FBB-48C1-AB46-BCFF3944699C"> |
|
44 <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"/> |
|
46 </fig> |
|
47 </conbody></concept> |