<ul>
<li>Testing applications on a physical device connected to the host system:
<ol>
- <li>Connect your device to the host system with a USB c
onnector. The device icon (<img alt="Device icon" src="../images/conn_explorer_icon1.png"/>) is displayed in the <strong>Connection Explorer</strong> view.</li>
+ <li>Connect your device to the host system with a USB c
able. The device icon (<img alt="Device icon" src="../images/conn_explorer_icon1.png"/>) is displayed in the <strong>Connection Explorer</strong> view.</li>
<li>Select the device in the <strong>Connection Explorer</strong> view. It is ready to be run and used to test your project.</li>
</ol></li>
<li>Testing applications on an emulator that emulates a real device as a software component installed on the host computer
<ul>
<li><strong>Time</strong>: Timestamp (calling time of the API)</li>
<li><strong>TID</strong>: Thread ID</li>
- <li><strong>PID</strong>: PID</li>
+ <li><strong>PID</strong>: Process ID</li>
<li><strong>API</strong>: Name of the called function</li>
<li><strong>Binary path</strong>: Path of binary</li>
</ul>
<h4>Startup Table</h4>
<p>The Startup table shows the startup information for the application. The table contains the following columns:</p>
<ul>
- <li><strong>PID</strong>: PID</li>
+ <li><strong>PID</strong>: Process ID</li>
<li><strong>Stage</strong>: Stage of the application life-cycle:
<ul>
<li><strong>library mapping</strong> is a linking phase when the linker maps the library dependencies of the application.</li>
<li><strong>Return</strong>: Return value</li>
<li><strong>Error code</strong>: Error code</li>
<li><strong>Error description</strong>: Description</li>
- <li><strong>PID</strong>: PID</li>
+ <li><strong>PID</strong>: Process ID</li>
</ul>
<p align="center"><strong>Figure: Failed API table</strong></p>
<ul>
<li><strong>Category</strong>: Warning category</li>
- <li><strong>PID</strong>: PID</li>
+ <li><strong>PID</strong>: Process ID</li>
<li><strong>Warning</strong>: Warning message</li>
</ul>
<p><strong>Tizen Studio 1.2 is now launched!</strong></p>
<p>The Tizen Studio platform is based on a new version of Eclipse, so you can experience a stable, lightweight, and consistent user interface that is unique to the Tizen development environment. With the Tizen Studio, you can select and install only those platforms and profiles you need.</p>
-<p>In the Tizen Studio, you can perform all the same development activities that were possible with the old Tizen SDK: you can develop, build, debug, profile, and emulate Tizen native and Web applications. The new development environment in the Tizen Studio is simply better. It allows you to develop applications more comfortably and is more focused on Tizen development. There are about 200 online sample applications available to increase your understanding of Tizen applications, and new samples are added continuously.</p>
+<p>In the Tizen Studio, you can perform all the same development activities that were possible with the old Tizen SDK: you can develop, build, debug, profile, and emulate Tizen native and Web applications. The new development environment in the Tizen Studio is simply better. It allows you to develop applications more comfortably and is more focused on Tizen development. There are about 200 online sample applications available to increase your understanding of Tizen applications, and the sample library continues to grow.</p>
<p>To develop your applications, use the set of tools provided by the Tizen Studio:</p>
<ul>
<ul>
<li>Installer and Package Manager
-<p>These tools allow you to install, update, and maintain the Tizen Studio. You can select and install the platforms and profiles you need, and receive continuous updates. The tools provide you with accurate information so you can configure the development environment easily.</p>
+<p>These tools allow you to install, update, and maintain the Tizen Studio. You can select and install the platforms and profiles you need, and receive regular updates. The tools provide you with accurate information so you can configure the development environment easily.</p>
<p align="center"><strong>Figure: Package Manager</strong></p>
<p align="center"><img alt="Package Manager" src="images/overview_package_manager.png" /></p>
</li>
<div class="note">
<strong>Note</strong>
- If you change the Intel® HAXM memory settings for the emulator, you must restart the Intel® HAXM and the emulator. Currently running emulator continues to use the previous memory setting.
+ If you change the Intel® HAXM memory settings for the emulator, you must restart the Intel® HAXM and the emulator. Emulators currently running continue to use the previous memory setting.
</div>
</li>
<li>Confirm your Intel® HAXM memory allocation settings and click <strong>Install</strong>.
</ul>
<p class="toc-title">Content</p>
<ul class="toc">
- <li><a href="#About_the_Tizen_Studio_Package_Manager">About the Tizen Studio Package Manager</a></li>
<li><a href="#Starting_the_Package_Manager">Starting the Package Manager</a></li>
<li><a href="#Updating_Packages">Updating Packages</a></li>
<li><a href="#Installing_Additional_Packages">Installing Additional Packages</a></li>
<div id="container"><div id="contents"><div class="content">
<h1>Updating Tizen Studio</h1>
-<p>The Tizen Studio provides the Package Manager, a comprehensive package management tool for installing, updating, and removing platforms and tools. This topic covers how to install, update, and remove packages using the GUI version of the tool, and how to update packages with the CLI version of the tool.</p>
+<p>The Tizen Studio provides the Package Manager, a comprehensive package management tool for installing, updating, and removing platforms and tools. This topic describes how to install, update, and remove packages using the GUI version of the tool, and how to update packages with the CLI version of the tool.</p>
-<h2 id="About_the_Tizen_Studio_Package_Manager">About the Package Manager</h2>
-
-<p>The Package Manager features manage the packages that are used in all Tizen Studio programs. Tizen Studio platforms and tools consist of collections of packages that contain the necessary files, meta-data, and installation and removal scripts. Each package has complicated dependencies to other packages. The Package Manager offers an easy and simple way to manage platforms and tools without understanding the complicated package dependencies.</p>
-
-<h3>Package Manager Structure</h3>
-<p>The Package Manager has 3 main tabs:</p>
-
-<ul>
- <li>In the <strong>Main SDK</strong> tab, you can manage platforms, emulators, and other advanced tools.</li>
- <li>In the <strong>Extension SDK</strong> tab, you can install and remove extension SDKs, such as the Certification Extension and other extra packages for platforms.</li>
- <li>In the <strong>Progress</strong> tab, you can monitor the progress of installing, removing, and updating packages. You can also cancel the process while the packages are installing or updating.</li>
-</ul>
-
-<p>The following sections introduce package management in detail.</p>
+<p>The Package Manager features manage the packages that are used in all Tizen Studio programs. Tizen Studio platforms and tools consist of collections of packages that contain the necessary files, metadata, and installation and removal scripts. Each package has complicated dependencies to other packages. The Package Manager offers an easy and simple way to manage platforms and tools without understanding the complicated package dependencies.</p>
<h2 id="Starting_the_Package_Manager">Starting the Package Manager</h2>
<p align="center"><strong>Figure: Package Manager main window</strong></p>
<p align="center"><img alt="Package Manager main window" src="../images/updating_sdk_main.png" /></p>
-<h3>Looking Around the Package Manager</h3>
-<p>The Package Manager is composed of 3 areas: the head, the main, and the description area.</p>
-<p>The head area consists of the tool title and 3 buttons:</p>
-
+<p>The Package Manager is composed of 3 areas:</p>
+<ul>
+ <li><p><strong>Header area</strong> contains the tool title and 3 buttons:</p>
<ul>
<li>Click <strong>Inside Trouble Shooting</strong> (<img alt="Inside Trouble Shooting icon" src="../images/updating_sdk_icon_troubleshoot.png" />) to access guides that help you resolve common issues related to the Package Manager.</li>
<li>Click <strong>Configuration</strong> (<img alt="Configuration icon" src="../images/updating_sdk_icon_config.png" />) to change Package Manager settings, such as package repository locations and proxy options.</li>
<li>Click <strong>Information</strong> (<img alt="Information icon" src="../images/updating_sdk_icon_info.png" />) to access information about the Package Manager, such as the version number, the installation path, the package repository URL, the distribution name, and the package snapshot.</li>
</ul>
-
-<p>In the main area, there are 3 tabs: <strong>Main SDK</strong>, <strong>Extension SDK</strong>, and <strong>Progress</strong>.</p>
-
+ </li>
+ <li><p><strong>Main area</strong> has 3 tabs:</p>
<ul>
- <li>All platforms and tools are listed in the <strong>Main SDK</strong> tab. </li>
- <li>Extra tools and packages are listed in the <strong>Extension SDK</strong>. You can install additional packages and remove installed packages in both tabs.</li>
- <li>In the <strong>Progress</strong> tab, you can see what packages are being installed or removed.</li>
- <li>Under the 3 tabs, there are the <img alt="Profile filter button icons" src="../images/updating_sdk_icon_filter.png" /> profile filter buttons in the left-most side. By turning each filter on or off, you can filter the package list based on the profile. Right to the filter buttons, there is a <strong>View installed packages</strong> check box. This option includes only the installed packages in the profile list. At the right-most side, the <strong>Update available</strong> icon appears only when there are updates available for the installed packages.</li>
+ <li>In the <strong>Main SDK</strong> tab, you can install or remove platforms and tools. The profile filter buttons (<img alt="Profile filter button icons" src="../images/updating_sdk_icon_filter.png" />) allow you to filter the package list based on the profiles selected.</li>
+ <li>In the <strong>Extension SDK</strong> tab, you can install or remove extension tools and packages, such as the Samsung Certificate Extension.</li>
+ <li>In the <strong>Progress</strong> tab, you can see which packages are being installed or removed.</li>
</ul>
-<p align="center"><strong>Figure: Main area</strong></p>
-<p align="center"><img alt="Main area" src="../images/updating_sdk_main_area.png" /></p>
+<p>In the <strong>Main SDK</strong> and <strong>Extension SDK</strong> tabs, you can restrict the list to the installed packages by selecting the <strong>View installed packages</strong> check box.</p>
-<p>When you click a platform or package in the list, you can see its detailed description.</p>
+<p align="center"><strong>Figure: Package list</strong></p>
+<p align="center"><img alt="Package list" src="../images/updating_sdk_main_area.png" /></p>
+ </li>
+ <li>
+<p><strong>Description area</strong> shows a detailed description for a platform or package that has been clicked in the list in the main area.</p>
<p align="center"><strong>Figure: Description area</strong></p>
<p align="center"><img alt="Description area" src="../images/updating_sdk_description.png" /></p>
-
+ </li>
+</ul>
<h2 id="Updating_Packages">Updating Packages</h2>
<p>If you are connected to the Internet and updates are available for your installed Tizen Studio packages, an <strong>Updates available</strong> button appears in the Package Manager. Click it to update all the packages you have installed. To ensure system integrity across all packages in the Tizen Studio, the Package Manager does not support updating packages individually.</p>
<h2 id="Installing_Additional_Packages">Installing Additional Packages</h2>
-<p>Installing additional platforms and tools is simple. In the <strong>Main SDK</strong> and <strong>Extension SDK</strong> tabs, there is a list of platforms and tools. If you want to install a specific platform, simply click the <img alt="Install icon" src="../images/updating_sdk_icon_install.png" /> install icon next to that platform. The Package Manager installs all tools and packages that are required for the platform.</p>
+<p>If you want to install a specific platform or tool, in the <strong>Main SDK</strong> and <strong>Extension SDK</strong> tabs, simply click <strong>install</strong> next to that platform or tool. The Package Manager installs all packages that are required for that platform or tool.</p>
+
+<p>You can also install individual packages from a platform or tool. Unfold the list for the platform or tool, and click <strong>install</strong> next to the packages you want.</p>
<p align="center"><strong>Figure: Installing platform packages</strong></p>
<p align="center"><img alt="Installing platform packages" src="../images/updating_sdk_install_platform.png" /></p>
-<p>Likewise, when you want to install a single package, you need to unfold the list of a specific platform, and click the install icon next to the package that you want to install. While installing the package, you can install more packages by clicking the install icon next to any package. Once you click the install icon on a platform or a package, you can check the progress of the installation in the <strong>Progress</strong> tab.</p>
-
-<h3>Canceling and Retrying Installation</h3>
-<p>While installing the packages, you can cancel the installation. To cancel the installation, go to the <strong>Progress</strong> tab while the packages are installing. In the <strong>Progress</strong> tab, you can see the installation progress and the <img alt="Cancel icon" src="../images/updating_sdk_icon_cancel.png" /> cancel icon next to each package. To cancel any package installation, click the cancel icon. Note that canceling the installation of a single package can cancel the installation of other packages due to their dependencies.</p>
+<p>While a package is installing, you can cancel the installation in the <strong>Progress</strong> tab by clicking the <strong>x</strong> button next to the package. Due to package dependencies, canceling the installation of a single package can cancel the installation of other packages.</p>
-<p align="center"><strong>Figure: Canceling the installation</strong></p>
+<p align="center"><strong>Figure: Canceling installation</strong></p>
<p align="center"><img alt="Canceling the installation" src="../images/updating_sdk_install_cancel.png" /></p>
-<p>After you have canceled the installation, the <img alt="Retry icon" src="../images/updating_sdk_icon_retry.png" /> retry icon appears next to the packages in the <strong>Progress</strong> tab. If you want to try re-installing the package, click the retry icon. According to what you choose to reinstall, the Package Manager may install some packages together because of their dependencies.</p>
+<p>If you want to retry a canceled or failed installation, click the <strong>retry</strong> (<img alt="Retry icon" src="../images/updating_sdk_icon_retry.png" />) button. Due to package dependencies, retrying the installation of a single package can cause the installation of other packages.</p>
<h2 id="Removing_Packages">Removing Packages</h2>
-<p>Removing the installed packages is as simple as installing. After a package is already installed, the install icon next to the package changes to the <img alt="Remove icon" src="../images/updating_sdk_icon_remove.png" /> remove icon. As when installing packages, removing an individual package can cause some other dependent packages to be removed. You can monitor the removal progress of packages. However, unlike the installation, you cannot cancel the removal process because it may break the integrity of the Tizen Studio.</p>
+<p>To remove a package, click the <strong>delete</strong> button next to the package. Due to package dependencies, removing a single package can cause other packages to be removed also. To ensure system integrity across all installed Tizen Studio packages, package removal cannot be canceled while in progress.</p>
<p align="center"><strong>Figure: Removing packages</strong></p>
<p align="center"><img alt="Removing packages" src="../images/updating_sdk_install_remove.png" /></p>
<h2 id="Monitoring_Progress">Monitoring Progress</h2>
-<p>You can monitor the progress of specific installations, uninstallations, or updates in the <strong>Progress</strong> tab. Under the 3 tabs, there is a total progress bar that shows the entire progress of installation, update, or removal with its expected time to completion. Below the total progress bar, the status of each progress (install, update, remove) is presented. As mentioned in the previous section, while the installation or update is in progress, you can cancel the process or retry a canceled process.</p>
-
-<p>You cannot cancel package removal.</p>
+<p>When you have installations, updates, or removals in progress, a progress bar appears in the header area indicating the overall progress. You can monitor the progress of specific installations, uninstallations, or updates, as well as view the expected time to completion, in the <strong>Progress</strong> tab.</p>
<p align="center"><strong>Figure: Progress tab</strong></p>
<p align="center"><img alt="Progress tab" src="../images/updating_sdk_progress.png" /></p>
</tbody>
</table>
-<h3>Panel (<img alt="Panel" src="../images/component_attributes_panel_icon.png"/> ) in Mobile Applications</h3>
+<h3>Panel (<img alt="Panel" src="../images/component_attributes_panel_icon.png"/>) in Mobile Applications</h3>
<p>A <a href="../../../org.tizen.guides/html/native/ui/efl/component_panel_mn.htm">panel</a> container is an animated object that contains child objects. It can be expanded or collapsed by clicking the button on its edge.</p>
<pre class="prettyprint">
<h3>Flipselector (<img alt="Flipselector" src="../images/component_attributes_flipselector_icon.png"/>)</h3>
-<p>A <a href="../../../org.tizen.guides/html/native/ui/efl/component_flipselector_mn.htm">flipselector</a> component shows a set of text items one at a time. The user can flip up or down the selector to change the text on it. It can contain a small number of items. <strong>(Since 2.4, this component is supported in mobile applications only.)</strong></p>
+<p>A <a href="../../../org.tizen.guides/html/native/ui/efl/component_flipselector_mn.htm">flipselector</a> component shows a set of text items one at a time. The user can flip the selector up or down to change the text on it. It can contain a small number of items. <strong>(Since 2.4, this component is supported in mobile applications only.)</strong></p>
<pre class="prettyprint">
<flipselector align_h="fill" align_v="fill" visible="true" weight_v="1" pack_w="196" disable="false" pack_x="210"
</tbody>
</table>
+<h3>Popup</h3>
+
+<p>A popup component (in <a href="../../../org.tizen.guides/html/native/ui/efl/component_popup_mn.htm">mobile</a> and <a href="../../../org.tizen.guides/html/native/ui/efl/component_popup_wn.htm">wearable</a> applications) shows a pop-up area that contains a title, content, and action area. The following attributes are used for the popup component.</p>
+
+<p align="center" class="Table"><strong>Table: Popup attributes</strong></p>
+<table>
+<tbody>
+<tr>
+ <th>Attribute</th>
+ <th>Value</th>
+ <th>Function</th>
+ </tr>
+ <tr>
+ <td><code>id</code></td>
+ <td>Automatically incrementing and editable. Duplicates are not allowed.</td>
+ <td><code>elm_popup_add()</code></td>
+ </tr>
+ <tr>
+ <td><code>title</code></td>
+ <td><code>#string</code></td>
+ <td><code>elm_object_part_text_set()</code></td>
+ </tr>
+ <tr>
+ <td><code>style</code></td>
+ <td>See the <a href="#supported_properties">supported properties</a> for each profile and version</td>
+ <td><code>elm_object_style_set()</code></td>
+ </tr>
+ <tr>
+ <td><code>colors</code></td>
+ <td><code>#000000 ~ #ffffff</code>
+ <p>See the <a href="#supported_properties">supported properties</a> for each profile and version.</p></td>
+ <td><code>elm_object_color_class_color_set()</code></td>
+ </tr>
+ <tr>
+ <td><code>height</code></td>
+ <td><code>integer</code></td>
+ <td><code>evas_object_size_hint_min_set()</code></td>
+ </tr>
+ <tr>
+ <td><code>timeout</code></td>
+ <td><code>double</code></td>
+ <td><code>elm_popup_timeout_set()</code></td>
+ </tr>
+ <tr>
+ <td><code>disable</code></td>
+ <td><code>true</code> or <code>false</code></td>
+ <td><code>elm_object_disabled_set()</code></td>
+ </tr>
+ <tr>
+ <td><code>visible</code></td>
+ <td><code>true</code> or <code>false</code></td>
+ <td><code>evas_object_show()</code></td>
+ </tr>
+ </tbody>
+</table>
+
<h3>Progressbar (<img alt="Progressbar" src="../images/component_attributes_progressbar_icon.png"/>)</h3>
<p>A progressbar component (in <a href="../../../org.tizen.guides/html/native/ui/efl/component_progressbar_mn.htm">mobile</a> and <a href="../../../org.tizen.guides/html/native/ui/efl/component_progressbar_wn.htm">wearable</a> applications) is used to display the progress status of a given job.</p>
</tr>
<tr>
<td><code>inverted</code></td>
- <td><code>true</code> or <code>false</code></td>
+ <td rowspan="3"><code>true</code> or <code>false</code></td>
<td><code>elm_progressbar_inverted_set()</code></td>
</tr>
<tr>
<td><code>disable</code></td>
- <td><code>true</code> or <code>false</code></td>
<td><code>elm_object_disabled_set()</code></td>
</tr>
<tr>
<td><code>visible</code></td>
- <td><code>true</code> or <code>false</code></td>
<td><code>evas_object_show()</code></td>
</tr>
<tr>
</tbody>
</table>
-<h3>Popup</h3>
-
-<p>A popup component (in <a href="../../../org.tizen.guides/html/native/ui/efl/component_popup_mn.htm">mobile</a> and <a href="../../../org.tizen.guides/html/native/ui/efl/component_popup_wn.htm">wearable</a> applications) shows a pop-up area that contains a title, content, and action area. The following attributes are used for the popup component.</p>
-
-<p align="center" class="Table"><strong>Table: Popup attributes</strong></p>
-<table>
-<tbody>
-<tr>
- <th>Attribute</th>
- <th>Value</th>
- <th>Function</th>
- </tr>
- <tr>
- <td><code>id</code></td>
- <td>Automatically incrementing and editable. Duplicates are not allowed.</td>
- <td><code>elm_popup_add()</code></td>
- </tr>
- <tr>
- <td><code>title</code></td>
- <td><code>#string</code></td>
- <td><code>elm_object_part_text_set()</code></td>
- </tr>
- <tr>
- <td><code>style</code></td>
- <td>See the <a href="#supported_properties">supported properties</a> for each profile and version</td>
- <td><code>elm_object_style_set()</code></td>
- </tr>
- <tr>
- <td><code>colors</code></td>
- <td><code>#000000 ~ #ffffff</code>
- <p>See the <a href="#supported_properties">supported properties</a> for each profile and version.</p></td>
- <td><code>elm_object_color_class_color_set()</code></td>
- </tr>
- <tr>
- <td><code>height</code></td>
- <td><code>integer</code></td>
- <td><code>evas_object_size_hint_min_set()</code></td>
- </tr>
- <tr>
- <td><code>timeout</code></td>
- <td><code>double</code></td>
- <td><code>elm_popup_timeout_set()</code></td>
- </tr>
- <tr>
- <td><code>disable</code></td>
- <td><code>true</code> or <code>false</code></td>
- <td><code>elm_object_disabled_set()</code></td>
- </tr>
- <tr>
- <td><code>visible</code></td>
- <td><code>true</code> or <code>false</code></td>
- <td><code>evas_object_show()</code></td>
- </tr>
- </tbody>
-</table>
-
-
<h3>Radio (<img alt="Radio" src="../images/component_attributes_radio_icon.png"/>)</h3>
<p>A radio component (in <a href="../../../org.tizen.guides/html/native/ui/efl/component_radio_mn.htm">mobile</a> and <a href="../../../org.tizen.guides/html/native/ui/efl/component_radio_wn.htm">wearable</a> applications) can display 1 or more options, while the user can only select one of them. The UI component is composed of an indicator (selected or unselected), an optional icon, and an optional label. Even though it is usually grouped with 2 or more other radio components, it can also be used alone.</p>
<h1>Designing UIs with the Component Designer</h1>
<p>The Component Designer is a rich graphical tool that provides a UI for EDC markup. It is aimed to simplify the creation and editing of UI component styles, avoiding the need to learn the EDC syntax.</p>
-<p>The Component Designer was designed with the idea that the target users are not just programmers, but also designers. Besides styles, the Component Designer is also able to create and edit custom layouts.</p>
+<p>The Component Designer was designed with the idea that the target users are both programmers and designers. Besides styles, you can also create and edit custom layouts with the Component Designer.</p>
<p align="center"><strong>Figure: Component Designer</strong></p>
<p align="center"><img alt="Component Designer" src="../images/comp_des_com_des.png" /></p>
</ul>
<h3 id="highlight">Highlight</h3>
-<p>When working with parts on a workspace and setting certain min, max, or other attributes, you can simply change the sizes and aligns in the group view directly. There are a few highlights available in the group view to help you.</p>
-<p>If you click a part, a highlight with the same size as the clicked part appears, with handlers in each corner. You can change the size of the selected part by dragging the handlers.</p>
-<p align="center"><strong>Figure: Click highlight</strong></p>
-<p align="center"><img alt="Click highlight" src="../images/comp_des_highlight.png" /></p>
-<p>Remember that a part changes its size and position relative to the part's aligns. In addition, the part size cannot reduce lower than its min values, or grow above the object area size.</p>
-<p>The object area is the area between relative points set in the part properties. There are 2 relative points (start and end points) and the part is positioned between those points. The relative points are usually the main opened group or any other part. A highlight that shows the object area looks like a shaded rectangle.</p>
+<p>When working with parts on a workspace and setting min, max, or other attributes, you can simply change the sizes and alignments in the group view directly. The group view provides part and object area highlights to assist you:</p>
+<ul><li>Part highlight
+<p>When you click a part, a highlight with the same size as the clicked part appears. You can change the size of the selected part by dragging the handlers at each corner.</p>
+<p align="center"><strong>Figure: Part highlight</strong></p>
+<p align="center"><img alt="Part highlight" src="../images/comp_des_highlight.png" /></p>
+<p>Remember that a part changes its size and position relative to the part's alignments. In addition, the part size cannot reduce lower than its min values, or grow above the object area size.</p></li>
+
+<li>Object area highlight<p>An object area is the area between relative points set in the part properties. There are 2 relative points (start and end points) and the part is positioned between those points. The relative points are usually the main opened group or another part.</p>
+<p>To show or hide the object area in the group view, select <strong>View</strong> > <strong>Show object area</strong> in the menu bar. The object area highlight is a shaded rectangle.</p>
<p align="center"><strong>Figure: Object area highlight</strong></p>
<p align="center"><img alt="Object area highlight" src="../images/comp_des_highlight2.png" /></p>
-
-<p>To show or hide the object area in the group view, go to <strong>View</strong> > <strong>Show object area</strong> in the menu.</p>
-<p>When <strong>Show object area</strong> is activated, the part highlight has another handler in its middle. By dragging that handler, you can change the align of the selected part.</p>
+<p>While <strong>Show object area</strong> is activated, the part highlight has an additional handler in its middle. By dragging the middle handler, you can change the alignment of the selected part.</p></li></ul>
<h3>Modes</h3>
<p>The workspace can demonstrate 2 possible behaviors:</p>
<ul>
<h1>Localizing Application Resources</h1>
<p>Tizen works in many environments with different countries, regions, languages, and cultures. To make your application suitable for various device environments, localize application resources, such as text strings, layouts, sounds, and graphics.</p>
-<p>This topic helps you localize text strings. Text string localization is the process of translating into different languages the strings used by your application.</p>
+<p>This topic helps you localize text strings. Text string localization is the process of translating the strings used by your application into different languages.</p>
<div class="note">
<strong>Note</strong>
-Internationalization is the process of making your application able to adapt to different languages, regions, and cultures.
-
<p>Localization is the process of translating your application into multiple languages.</p>
+ Internationalization is the process of making your application able to adapt to different languages, regions, and cultures.
+ <p>Localization is the process of translating your application into multiple languages.</p>
</div>
<p>The PO file editor is a visual editor for <a href="https://www.gnu.org/software/gettext/" target="_blank">.po files</a>. It allows you to easily add, edit, and remove supported languages and strings. You can also check all strings of a supported language at a glance.</p>
<p align="center"><strong>Figure: Editing view2</strong></p>
<p align="center"><img src="../images/uib_convert_view2.png" alt="Editing view2" /></p>
-<h3>Defining Transitions between Views</h3>
+<h3>Defining Transitions Between Views</h3>
<p>By using the <strong>Storyboard</strong> tab, you can easily switch between the views. To define transitions between views:</p>
<li>In the New TizenRT Project Wizard, you can select the git import method:
<ul>
- <li>If you already cloned the git you want, use an <a href="#repository">existing local repository</a>.</li>
<li>If you want to import from a new repository, <a href="#clone">clone its URI</a>.</li>
+ <li>If you already cloned the git you want, use an <a href="#repository">existing local repository</a>.</li>
</ul></li>
</ol>
<h4>Rule 9. Do Not Convert Wrapper Objects to Primitives</h4>
-<p>Avoid creating primitive typed values using the constructor of a wrapper objects.</p>
+<p>Avoid creating primitive typed values using the constructor of a wrapper object.</p>
-<p>If a boolean variable is created by the constructor <code>Boolean</code>, its value is a wrapper object, not <code>true</code> or <code>false</code>. In the following example, the program always prints <code>true</code> because the variable <code>bool</code> is a object that has a value, <code>false</code>.</p>
+<p>If a boolean variable is created by the constructor <code>Boolean</code>, its value is a wrapper object, not <code>true</code> or <code>false</code>. In the following example, the program always prints <code>true</code> because the variable <code>bool</code> is an object that has a value, <code>false</code>.</p>
<p>This rule is introduced by the Google Javascript Style Guide. They say that "There's no reason to use wrapper objects for primitive types, plus they are dangerous". </p>
<p>In the following example, you expect to print <code>a</code>, <code>b</code>, and <code>c</code>, but the program prints <code>0</code>, <code>1</code>, and <code>2</code>.</p>
-<p>This rule is introduced both by the JSLint and the Google Javascript Style Guide. They say that "for-in loops are often incorrectly used to loop over the elements in an Array. This is however very error prone because it does not loop from 0 to length - 1 but over all the present keys in the object and its prototype chain."</p>
+<p>This rule is introduced both by the JSLint and the Google Javascript Style Guide. They say that "for-in loops are often incorrectly used to loop over the elements in an Array. This is, however, very error prone because it does not loop from 0 to length - 1 but over all the present keys in the object and its prototype chain."</p>
<pre class="prettyprint">
var arr = ['a', 'b', 'c'];
<h2 id="locales">Adding Locales</h2>
-<p>To use localized strings and resource content, you must add the locales you need:</p>
+<p>To use localized strings and resource content, you must add locales for them:</p>
<ol>
-<li>Click <strong>Add locale(s)</strong>.
+<li>Click the <strong>Add locale(s)</strong> button (<img alt="Add locale(s)" src="../images/web_loc_icon_add_locales.png"/>).
<p align="center"><img alt="Adding locales" src="../images/web_loc_add_locales.png"/></p>
</li>
<p>To localize and handle strings, use the <strong>String</strong> tab:</p>
<ol>
-<li>To add a localized string, click the <strong>+</strong> button on the toolbar.
+<li>To add a localized string, click the <strong>Add localization</strong> button (<img alt="Add localization" src="../images/web_loc_icon_add_locales.png"/>) on the toolbar.
<p align="center"><img alt="Adding a string" src="../images/web_loc_add_localization_button.png"/></p>
</li>
<p align="center"><img alt="Defined strings" src="../images/web_loc_string_tab.png"/></p>
<p>You can add more items to the table or remove them, as needed.</p>
-<p>You can change the table tab configuration between ID and Locale by clicking the <strong>Change ViewMode</strong> button.</p>
+<p>You can change the table tab configuration between ID and Locale by clicking the <strong>Change ViewMode</strong> button (<img alt="Change ViewMode" src="../images/web_loc_icon_change_viewmode.png"/>).</p>
<p align="center"><strong>Figure: String-based viewmode</strong></p>
<p align="center"><img alt="String-based viewmode" src="../images/web_loc_change_view_mode.png"/></p>
<h2 id="folder">Folder-based Localization</h2>
-<p>Folder-based localization places the resources inside locale folders with names determined by the language tag, such as <strong>en-us</strong> and <strong>ko-kr</strong>. The locale folders are located under a container folder named <code>locales</code>. The localized resources are used in accordance with the location settings of the device. If there are no localized resources, the default resource is used.</p>
+<p>Folder-based localization places the resources inside locale folders with names determined by the language tag, such as <strong>en-us</strong> and <strong>ko-kr</strong>. The locale folders are located under a container folder named <code>locales</code>. The localized resources are used depending on the location settings of the device. If there are no localized resources, the default resource is used.</p>
<p>For example, if the locale of a device is <strong>ko-kr</strong>, the <code>images/a.png</code> and <code>images/c.png</code> images are replaced with the <code>locales/ko-kr/images/a.png</code> and <code>locales/ko-kr/images/c.png</code> images. However, the <code>images/b.png</code> image is not replaced, because there is no applicable resource in the <code>locales/ko-kr/images/</code> folder.</p>
<pre class="prettyprint">
projects / sdk / online-doc.git / commitdiff
