[DALi][DOC-213] Update "Types of Actors"

Signed-off-by: Yoonsang Lee <ysang114.lee@samsung.com>
Change-Id: I33404a4b06c1d3f65dad87b2712ffcb1fbc11a15

diff --git a/org.tizen.ui.guides/html/images/actor_types.png b/org.tizen.ui.guides/html/images/actor_types.png
new file mode 100755 (executable)
index 0000000..e4fd74d
Binary files /dev/null and b/org.tizen.ui.guides/html/images/actor_types.png differ

diff --git a/org.tizen.ui.guides/html/native/dali/actors_n.htm b/org.tizen.ui.guides/html/native/dali/actors_n.htm
index 384659d..b7a2dd7 100755 (executable)
--- a/org.tizen.ui.guides/html/native/dali/actors_n.htm
+++ b/org.tizen.ui.guides/html/native/dali/actors_n.htm
@@ -23,6 +23,7 @@
                <div id="toc_border"><div id="toc">\r
                <p class="toc-title">Content</p>\r
                <ul class="toc">\r
+                       <li><a href="#types">Types of Actors</a></li>\r
                        <li><a href="#actors">Actors and Stage</a></li>\r
                        <li><a href="#coordinate">Coordinate System</a></li>\r
                        <li><a href="#position">Positioning Actors</a></li>\r
@@ -45,6 +46,20 @@
 <p>Actor is the basic component that composes the entire scene. It can have visible (for example, UI components, image actor) or invisible (for example, camera actor or layer) forms.</p>\r
 <p>Actor is also the primary object with which DALi applications interact. Multiple types of event signals provided by actors can be handled in a application through user-defined callback functions.</p>\r
 \r
+<h2 id="types" name="types">Types of Actors</h2>\r
+\r
+<p class="figure">Figure: Types of Actors</p>  \r
+       <p align="center"><img alt="Types of Actors" src="../../images/actor_types.png"/></p> \r
+\r
+Actor has several concrete types as follows:\r
+\r
+<ul>\r
+<li><strong>UI Components</strong> are used to organize the appearance of applications. Please see <a href="ui_components_n.htm">UI Components: Creating the Application Layout</a> for more details.</li>\r
+<li><strong>Image Actor</strong> is used to display an image. Please see API reference for <span style="font-family: Courier New,Courier,monospace;">Dali::ImageActor</span> (in <a href="../../../../org.tizen.native.mobile.apireference/classDali_1_1ImageActor.html">mobile</a> and <a href="../../../../org.tizen.native.wearable.apireference/classDali_1_1ImageActor.html">wearable</a>) for more details.</li>\r
+<li><strong>Camera Actor</strong> determines which view of the entire scene DALi renders. By default, it looks at the xy plane from the positive z position for default unit 1 to be 1 pixel. A user usually doesn't need to change properties of Camera Actor for 2D applications. Please see API reference for <span style="font-family: Courier New,Courier,monospace;">Dali::CameraActor</span> (in <a href="../../../../org.tizen.native.mobile.apireference/classDali_1_1CameraActor.html">mobile</a> and <a href="../../../../org.tizen.native.wearable.apireference/classDali_1_1CameraActor.html">wearable</a>) for more details.</li>\r
+<li><strong>Layer</strong> provides a mechanism for overlaying groups of actors on top of each other. Please see API reference for <span style="font-family: Courier New,Courier,monospace;">Dali::Layer</span> (in <a href="../../../../org.tizen.native.mobile.apireference/classDali_1_1Layer.html">mobile</a> and <a href="../../../../org.tizen.native.wearable.apireference/classDali_1_1Layer.html">wearable</a>) for more details.</li>\r
+</ul>\r
+\r
 <h2 id="actors" name="actors">Actors and Stage</h2>\r
 \r
 <p>Stage is a top-level object that represents the entire scene or screen. It is used for displaying a hierarchy of actors managed by the <a href="http://en.wikipedia.org/wiki/Scene_graph" target="_blank">scene graph</a> structure. An actor inherits a position relative to its parent, and can be moved in relation to this point.</p>\r