Symbian3/SDK/Source/GUID-4FC82562-9163-45F5-9E14-DA0AB6B5E54C.dita
author Dominic Pinkman <dominic.pinkman@nokia.com>
Fri, 11 Jun 2010 12:39:03 +0100
changeset 8 ae94777fff8f
parent 7 51a74ef9ed63
child 13 48780e181b38
permissions -rw-r--r--
Week 23 contribution of SDK documentation content. See release notes for details. Fixes bugs Bug 2714, Bug 462.

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (c) 2007-2010 Nokia Corporation and/or its subsidiary(-ies) All rights reserved. -->
<!-- This component and the accompanying materials are made available under the terms of the License 
"Eclipse Public License v1.0" which accompanies this distribution, 
and is available at the URL "http://www.eclipse.org/legal/epl-v10.html". -->
<!-- Initial Contributors:
    Nokia Corporation - initial contribution.
Contributors: 
-->
<!DOCTYPE concept
  PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="GUID-4FC82562-9163-45F5-9E14-DA0AB6B5E54C" xml:lang="en"><title>UI
themes</title><prolog><metadata><keywords/></metadata></prolog><conbody>
<p>A UI theme is a customized graphical user interface (GUI) that replaces
the phone's default look, and it is used to change the appearance of the user
interface for the phone's applications. A phone with the Symbian user interface
may provide several UI themes of which the user can activate one theme at
a time. By activating a UI theme, the visual appearance of the user interface
is changed. Note that this setting only affects visual elements, e.g. functions,
the interaction style or language settings are not affected.</p>
<fig id="GUID-017EFFEA-6677-4E9A-A7B1-F69E02C50DE1">
<title>Simplified illustration of the UI theme concept</title>
<image href="GUID-E489F575-DD07-4949-AB98-8F6A11BF708A_d0e66511_href.png" scale="40" placement="inline"/>
</fig>
<p>UI themes give the UI theme designer a freedom to design a unique GUI,
and by designing backgrounds and icons, the result can be very different from
the default settings.</p>
<p>A good GUI has consistent metaphor. When designing UI themes, the UI theme
designer should make sure that the user interface supports the user's aim
and does not mislead the user. It is also good to remember that even though
the new look and feel offered by a UI theme would be fancy and exciting, the
general positive user experience will fade if the performance of the terminal
suffers because of a too large UI theme package file size.</p>
<p>To ensure a consistent look and feel in all applications, it is recommended
for the application UI designer to use the UI components that support UI themes.
In case application uses UI components that the UI theme does not support,
the factory default of the missing items is used.</p>
<p>A UI theme designer can decide which elements belong to a UI theme package.
It is possible to design a UI theme that uses the default UI components of
the phone together with components belonging to the UI theme.</p>
<section id="GUID-67D4182F-A8D9-43E0-8866-41A0837F2A30"><title>Using
UI themes in applications</title><p>The API to use for UI themes
is the <xref format="html" href="specs/guides/Skins_API_Specification/Skins_API_Specification.html" scope="peer">Skins API</xref>. For implementation information, see <xref format="html" href="specs/guides/Skins_API_Specification/Skins_API_Specification.html#Skins_API_Specification.topic3" scope="peer">Using the Skins API</xref>.</p><p>The UI controls that support
themes using the Skins API include:</p><ul>
<li><p><xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status pane</xref>,
including its sub-panes</p></li>
<li><p><xref href="GUID-8B137691-7C9E-4085-BFFE-4CFE4A64A091.dita">Control pane</xref></p></li>
<li><p><xref href="GUID-E6803961-14A0-44BD-A94E-5D8A38EA907F.dita">Lists and grids</xref></p></li>
<li><p><xref href="GUID-F1CC06C0-0D3A-4BBC-97E1-E52D2856D7A7.dita">Find pane</xref></p></li>
<li><p><xref href="GUID-1AA32C40-CDE0-4627-A634-7C07BB1ED67B.dita">Forms</xref></p></li>
<li><p><xref href="GUID-F149726A-CC79-42A1-8A25-E15AC14ABE9A.dita">Setting lists</xref></p></li>
<li><p><xref href="GUID-2922758C-37A4-436E-B0F3-358944F84E2A.dita">Pop-up windows</xref></p></li>
</ul></section>
</conbody></concept>