|
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-170EDC68-77C7-4FD9-A81E-C9F75698F7A3" xml:lang="en"><title>Implementing |
|
13 support for scalable UI</title><shortdesc>For the correct control to receive touch events, you must implement |
|
14 support for scalable UI.</shortdesc><prolog><metadata><keywords/></metadata></prolog><conbody> |
|
15 <p>In Touch UI devices, supporting scalable UI is even more crucial than before. |
|
16 Traditionally, the problem was that the application did not scale to fit the |
|
17 screen size correctly.</p> |
|
18 <p>For more information on scalable UI, see <xref href="GUID-B02C762B-C452-4184-ABEA-4753E6CD47D2.dita">Scalability</xref> section.</p> |
|
19 <p>In Touch UI, there is also another consideration, the Symbian platform |
|
20 may not receive touch events, or it may receive touch events for the incorrect |
|
21 control, because there is a problem with knowing the correct location of the |
|
22 touch event.</p> |
|
23 <p>The following figures illustrate code required for handling scalable UI |
|
24 events.</p> |
|
25 <fig id="GUID-0300A264-1F48-4D4F-A3ED-18734983B36E"> |
|
26 <title>Scalable UI implementation in control</title> |
|
27 <image href="GUID-BBDC3880-DFC3-42C0-913D-E90AB318E015_d0e43840_href.png" placement="inline"/> |
|
28 </fig> |
|
29 <fig id="GUID-39D4E25F-C4C3-4C19-BED0-42E06F63A0BD"> |
|
30 <title>Scalable UI implementation in UI controller</title> |
|
31 <image href="GUID-5D831531-2430-4C61-B8C4-BEE9850387C2_d0e43848_href.png" placement="inline"/> |
|
32 </fig> |
|
33 <p>For further implementation information, see <xref href="GUID-DD15F24B-0786-4531-A6C5-A5E70EBE2732.dita">Handling |
|
34 layout change events</xref>.</p> |
|
35 </conbody></concept> |