<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>
+ <title>Resource Management Sample Overview</title>
</head>
<body class="no-toc" onload="prettyPrint()" style="overflow: auto;">
<p><img alt="Mobile native" src="../images/mobile_s_n.png"/></p>
</div>
- <h1>Resource Manager Sample Overview</h1>
+ <h1>Resource Management Sample Overview</h1>
<p>The Resource Manager sample application demonstrates how you can extract objects from the application's previously created resources. The object extraction process is based on the environment the application is running in: language and the screen DPI. Currently supported objects that can be handled by the Resource Manager are images, sounds, layouts, and custom binary files. The operational principle of the Resource Manager application is to deliver an object relevant to the current application environment.</p>
<p>The sample application demonstrates how to automatically pick an image and layout matching:</p>
<p>The following figure illustrates the view of the application running in four different screen DPI settings as well as different language settings.</p>
<p id="app-screenshot" class="figure">Figure: Resource Manager application screens</p>
<p align="center">
- <img alt="Main view of the application running with the DPI=240" src="../images/resource_manager_ldpi_initial_view.png" />
- <img alt="Main view of the application running with the DPI=300" src="../images/resource_manager_mdpi_initial_view.png" />
- <img alt="Main view of the application running with the DPI=380" src="../images/resource_manager_hdpi_initial_view.png" />
- <img alt="Main view of the application running with the DPI=480" src="../images/resource_manager_xhdpi_initial_view.png" /></p>
+ <img alt="Main view of the application running with the DPI=240" src="../images/resource_management_ldpi_initial_view.png" />
+ <img alt="Main view of the application running with the DPI=300" src="../images/resource_management_mdpi_initial_view.png" />
+ <img alt="Main view of the application running with the DPI=380" src="../images/resource_management_hdpi_initial_view.png" />
+ <img alt="Main view of the application running with the DPI=480" src="../images/resource_management_xhdpi_initial_view.png" /></p>
<p align="center">
- <img alt="Main view of the application running with the DPI=240" src="../images/resource_manager_en_us_lang_view.png" />
- <img alt="Main view of the application running with the DPI=300" src="../images/resource_manager_ko_kr_lang_view.png" />
- <img alt="Main view of the application running with the DPI=380" src="../images/resource_manager_pl_pl_lang_view.png" />
- <img alt="Main view of the application running with the DPI=480" src="../images/resource_manager_fr_fr_lang_view.png" />
+ <img alt="Main view of the application running with the DPI=240" src="../images/resource_management_en_us_lang_view.png" />
+ <img alt="Main view of the application running with the DPI=300" src="../images/resource_management_ko_kr_lang_view.png" />
+ <img alt="Main view of the application running with the DPI=380" src="../images/resource_management_pl_pl_lang_view.png" />
+ <img alt="Main view of the application running with the DPI=480" src="../images/resource_management_fr_fr_lang_view.png" />
</p>
<p>The Resource Manager sample application provides a user interface for automatic change preview only. To influence the application, change the environment settings:</p>
<p>The following figure shows the structure of the user interface. EDJE layout scripts are used.</p>
<p id="ui-struct" class="figure">Figure: Resource Manager layout structure</p>
<p align="center">
- <img alt="Resource Manager layout structure" src="../images/resource_manager_ui_layout_sd_mn.png" />
+ <img alt="Resource Manager layout structure" src="../images/resource_management_ui_layout_sd_mn.png" />
</p>
<p>The final application view is created by embedding the proper components into the layout depicted above. The following figure shows the resulting UI view.</p>
<p id="ui-view" class="figure">Figure: Resource Manager application UI view</p>
<p align="center">
- <img alt="Resource Manager application's UI view" src="../images/resource_manager_ui_view_sd_mn.png" />
+ <img alt="Resource Manager application's UI view" src="../images/resource_management_ui_view_sd_mn.png" />
</p>
<p>The application workflow can be divided into 3 logical pipelines:</p>
<p>The workflow is described by the following figure.</p>
<p id="workflow" class="figure">Figure: Resource Manager application workflow</p>
<p align="center">
- <img alt="Application workflow" src="../images/resource_manager_workflow_sd_mn.png" />
+ <img alt="Application workflow" src="../images/resource_management_workflow_sd_mn.png" />
</p>
<h2>Prerequisites</h2>
<p>To ensure proper application execution, the resources must be created using the <a href="../../../org.tizen.devtools/html/native_tools/resource_manager_n.htm">Resource Manager</a> tool. It enables you to create the resource structure assigned to an application.</p>
<h3 id="res-man">Resource Manager</h3>
-<p>The Resource Manager tool is launched by opening the <strong>Resource Manager</strong> view from the IDE menu: <strong>Window > Show View > Other... > Resource Manager</strong>. Press <img alt="Resource Manager settings button" src="../images/resource_manager_res_explorer_settings_sd_mn.png"/> to open the Resource Configuration Dialog, where you can define separate resource directories for languages and resolution settings. The related directory names are created automatically and are not changeable. For this sample application, the resource structure is defined as shown in the following figure.</p>
+<p>The Resource Manager tool is launched by opening the <strong>Resource Manager</strong> view from the IDE menu: <strong>Window > Show View > Other... > Resource Manager</strong>. Press <img alt="Resource Manager settings button" src="../images/resource_management_res_manager_settings_sd_mn.png"/> to open the Resource Configuration Dialog, where you can define separate resource directories for languages and resolution settings. The related directory names are created automatically and are not changeable. For this sample application, the resource structure is defined as shown in the following figure.</p>
<p class="figure">Figure: Resource Configuration Dialog view</p>
<p align="center">
- <img alt="Resource Configuration Dialog view" src="../images/resource_manager_res_conf_dlg_sd_mn.png"/>
+ <img alt="Resource Configuration Dialog view" src="../images/resource_management_res_conf_dlg_sd_mn.png"/>
</p>
<p>Once the resource directory structure is created, you can add relevant resource files in the target directories. In this sample application, 2 types of images and a layout script are uploaded:</p>