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 -->  <!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd"><concept id="GUID-4FC82562-9163-45F5-9E14-DA0AB6B5E54C" xml:lang="en"><title>UI

    10 themes</title><prolog><metadata><keywords></keywords></metadata></prolog><conbody>

    11 <p>A UI theme is a customized graphical user interface (GUI) that replaces

    12 the phone's default look, and it is used to change the appearance of the user

    13 interface for the phone's applications. A phone with the Symbian

    14 user interface may provide several UI themes of which the user can activate

    15 one theme at a time. By activating a UI theme, the visual appearance of the

    16 user interface is changed. Note that this setting only affects visual elements,

    17 e.g. functions, the interaction style or language settings are not affected.</p>

    18 <fig id="GUID-017EFFEA-6677-4E9A-A7B1-F69E02C50DE1">

    19 <title>Simplified illustration of the UI theme concept</title>

    20 <image href="GUID-E489F575-DD07-4949-AB98-8F6A11BF708A_d0e54256_href.png" scale="40" placement="inline"></image>

    21 </fig>

    22 <p>UI themes give the UI theme designer a freedom to design a unique GUI,

    23 and by designing backgrounds and icons, the result can be very different from

    24 the default settings.</p>

    25 <p>A good GUI has consistent metaphor. When designing UI themes, the UI theme

    26 designer should make sure that the user interface supports the user's aim

    27 and does not mislead the user. It is also good to remember that even though

    28 the new look and feel offered by a UI theme would be fancy and exciting, the

    29 general positive user experience will fade if the performance of the terminal

    30 suffers because of a too large UI theme package file size.</p>

    31 <p>To ensure a consistent look and feel in all applications, it is recommended

    32 for the application UI designer to use the UI components that support UI themes.

    33 In case application uses UI components that the UI theme does not support,

    34 the factory default of the missing items is used.</p>

    35 <p>A UI theme designer can decide which elements belong to a UI theme package.

    36 It is possible to design a UI theme that uses the default UI components of

    37 the phone together with components belonging to the UI theme.</p>

    38 <section id="GUID-67D4182F-A8D9-43E0-8866-41A0837F2A30"><title>Using

    39 UI themes in C++ applications</title><p>The API to use for UI themes is the Skins

    40 API. For implementation information, see Using

    41 the Skins API.</p><p>The UI controls that support themes using the

    42 Skins API include:</p><ul>

    43 <li><p><xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status pane</xref>,

    44 including its subpanes</p></li>

    45 <li><p><xref href="GUID-8B137691-7C9E-4085-BFFE-4CFE4A64A091.dita">Control pane</xref></p></li>

    46 <li><p><xref href="GUID-E6803961-14A0-44BD-A94E-5D8A38EA907F.dita">Lists and grids</xref></p></li>

    47 <li><p><xref href="GUID-F1CC06C0-0D3A-4BBC-97E1-E52D2856D7A7.dita">Find pane</xref></p></li>

    48 <li><p><xref href="GUID-1AA32C40-CDE0-4627-A634-7C07BB1ED67B.dita">Forms</xref></p></li>

    49 <li><p><xref href="GUID-F149726A-CC79-42A1-8A25-E15AC14ABE9A.dita">Setting lists</xref></p></li>

    50 <li><p><xref href="GUID-2922758C-37A4-436E-B0F3-358944F84E2A.dita">Pop-up windows</xref></p></li>

    51 </ul></section>

    52 </conbody></concept>