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>