--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=9" />
+ <link rel="stylesheet" type="text/css" href="../css/styles.css" />
+ <link rel="stylesheet" type="text/css" href="../css/snippet.css" />
+ <script type="text/javascript" src="../scripts/snippet.js"></script>
+ <script type="text/javascript" src="../scripts/jquery.util.js" charset="utf-8"></script>
+ <script type="text/javascript" src="../scripts/common.js" charset="utf-8"></script>
+ <script type="text/javascript" src="../scripts/core.js" charset="utf-8"></script>
+ <script type="text/javascript" src="../scripts/search.js" charset="utf-8"></script>
+ <title>Resource Manager Sample Overview</title>
+</head>
+
+<body class="no-toc" onload="prettyPrint()" style="overflow: auto;">
+
+<div id="toc-navigation"></div>
+
+<div id="container"><div id="contents"><div class="content">
+ <div id="profile">
+ <p><img alt="Mobile native" src="../images/mn_icon.png"/></p>
+ </div>
+
+ <h1>Resource Manager Sample Overview</h1>
+
+ <p>
+ The Tizen API's Resource Manager module provides a small set of functions enabling "objects" extraction from the application's prior created resources. The "objects" extraction process is based on the
+ environment the application is running in: language and/or screen's DPI. Currently supported objects which may be handled by the Resource Manager are images and sounds (files). The Resource Manager's
+ operational principle is to deliver an object relevant to the current application's environment.
+ <br>
+ This application demonstrates how to automatically pick an image matching:
+ <ul>
+ <li>the language changed via Settings application;</li>
+ <li>the device's screen DPI.</li>
+ </ul>
+ </p>
+ <p>The figures below illustrate the view of the application running in four different screen's DPI settings as well as different language settings.</p>
+ <p id="app-screenshot" class="figure">Figure: Resource Manager application screens.</p>
+ <p style="text-align:center;">
+ <img alt="Main view of the application running with the DPI=240" height="364" hspace="20" src="../images/resource_manager_ldpi_initial_view.png" />
+ <img alt="Main view of the application running with the DPI=300" height="364" hspace="20" src="../images/resource_manager_mdpi_initial_view.png" />
+ <img alt="Main view of the application running with the DPI=380" height="364" hspace="20" src="../images/resource_manager_hdpi_initial_view.png" />
+ <img alt="Main view of the application running with the DPI=480" height="364" hspace="20" src="../images/resource_manager_xhdpi_initial_view.png" />
+ <br>
+ <img alt="Main view of the application running with the DPI=240" height="364" hspace="20" src="../images/resource_manager_en_us_lang_view.png" />
+ <img alt="Main view of the application running with the DPI=300" height="364" hspace="20" src="../images/resource_manager_ko_kr_lang_view.png" />
+ <img alt="Main view of the application running with the DPI=380" height="364" hspace="20" src="../images/resource_manager_pl_pl_lang_view.png" />
+ <img alt="Main view of the application running with the DPI=480" height="364" hspace="20" src="../images/resource_manager_fr_fr_lang_view.png" />
+ </p>
+
+ <p>The sample application provides a user interface for automatic changes previewing only. In order to influence the application, one have to change the environment settings:
+ <ul>
+ <li>by changing Display language in Settings application - Settings application ➜ Language and input ➜ Display language.</li>
+ <li>
+ screen's DPI - by creating new mobile emulator image with default density value altered with the custom one, chosen from one of the following ranges:
+ <ul>
+ <li>0 to 240 - LDPI;</li>
+ <li>241 to 300 - MDPI;</li>
+ <li>301 to 380 - HDPI;</li>
+ <li>381 to 480 - XHDPI;</li>
+ <li>481 to 600 - XXHDPI.</li>
+ </ul>
+ </li>
+ </ul>
+ The structure of the user interface is depicted below (EDJE layout scripts are used).
+ </p>
+ <p id="ui-struct" class="figure">Figure: Resource Manager layout structure.</p>
+ <p style="text-align:center;">
+ <img alt="Resource Manager layout structure" hspace="80" height="450" src="../images/resource_manager_ui_layout_sd_mn.png" />
+ </p>
+ <p>
+ The final application's view is created by embedding proper widgets into the layout depicted above. The resulting UI view is shown below.
+ </p>
+ <p id="ui-view" class="figure">Figure: Resource Manager application's UI view.</p>
+ <p style="text-align:center;">
+ <img alt="Resource Manager application's UI view" hspace="80" height="450" src="../images/resource_manager_ui_view_sd_mn.png" />
+ </p>
+ <br>
+ The application's workflow can be divided into three logical pipelines:
+ <ul>
+ <li>application startup,</li>
+ <li>image extraction relevant to the screen's DPI,</li>
+ <li>image extraction relevant to the current language,</li>
+ </ul>
+ which can be described by the following figure:
+ </p>
+ <p id="workflow" class="figure">Figure: Resource Manager application workflow.</p>
+ <p style="text-align:center;">
+ <img alt="Application workflow" height="450" hspace="0" src="../images/resource_manager_workflow_sd_mn.png"/>
+ </p>
+
+ <h3>Prerequisites</h3>
+ <p>
+ <ul>
+ <li>To ensure proper application execution, the resources must be created using Resource Explorer tool.</li>
+ <li>No privilages are required.</li>
+ </ul>
+ </p>
+
+<h2>Implementation</h2>
+
+<h3 id="type-defs">Type definitions</h3>
+
+<h3 id="app-init">Application initialization</h3>
+
+<h3 id="app-finit">Application termination</h3>
+
+<h3 id="model">Model</h3>
+
+
+
+<script type="text/javascript" src="../scripts/jquery.zclip.min.js"></script>
+<script type="text/javascript" src="../scripts/showhide.js"></script>
+</div></div></div>
+
+<a class="top sms" href="#"><img src="../images/btn_top.gif" alt="Go to top" /></a>
+
+<div id="footer">
+<p class="footer">Except as noted, this content - excluding the Code Examples - is licensed under <a href="http://creativecommons.org/licenses/by/3.0/legalcode" target="_blank">Creative Commons Attribution 3.0</a> and all of the Code Examples contained herein are licensed under <a href="https://www.tizen.org/bsd-3-clause-license" target="_blank">BSD-3-Clause</a>.<br/>For details, see the <a href="https://www.tizen.org/content-license" target="_blank">Content License</a>.</p>
+</div>
+
+<script type="text/javascript">
+var _gaq = _gaq || [];
+_gaq.push(['_setAccount', 'UA-25976949-1']);
+_gaq.push(['_trackPageview']);
+(function() {
+var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+})();
+</script>
+
+</body>
+</html>
projects / sdk / online-doc.git / commitdiff
