\hypertarget{external_elm_anchorblock_8edc-example}{}\doxysection{external\+\_\+elm\+\_\+anchorblock.\+edc}
This example use an elementary anchorblock and a button to animate the text.


\begin{DoxyCodeInclude}{0}
\DoxyCodeLine{}
\DoxyCodeLine{\#define LOREM "Vestibulum nunc mi, adipiscing dapibus turpis. Integer ornare \(\backslash\)}
\DoxyCodeLine{vestibulum. Quisque libero augue, non tristique tortor. Praesent urna augue, \(\backslash\)}
\DoxyCodeLine{blandit id sodales vel, varius at purus. Ut congue mollis elit, quis vehicula \(\backslash\)}
\DoxyCodeLine{enim ornare vitae. Suspendisse non faucibus massa. Nunc facilisis sapien ut \(\backslash\)}
\DoxyCodeLine{erat laoreet vitae pharetra purus commodo. Donec in ipsum justo, sit amet \(\backslash\)}
\DoxyCodeLine{lacinia massa. Pellentesque sed dolor lectus. Integer nec nisi ut massa \(\backslash\)}
\DoxyCodeLine{vestibulum vulputate mollis ut lacus. Morbi lobortis dictum lacus nec \(\backslash\)}
\DoxyCodeLine{faucibus. <item relsize=16x16 vsize=full href=emoticon/angry></item> \(\backslash\)}
\DoxyCodeLine{<item relsize=16x16 vsize=full href=emoticon/evil></item> \(\backslash\)}
\DoxyCodeLine{<item relsize=16x16 vsize=full href=emoticon/google-\/smile></item> \(\backslash\)}
\DoxyCodeLine{<item relsize=16x16 vsize=full href=emoticon/omg></item><br><br> \(\backslash\)}
\DoxyCodeLine{Phasellus ultricies nisl sit amet ligula tristique in adipiscing neque \(\backslash\)}
\DoxyCodeLine{vulputate. Maecenas est ante, porttitor eget commodo non, blandit et erat. \(\backslash\)}
\DoxyCodeLine{Duis adipiscing, tortor quis gravida vulputate, magna lorem mollis tortor, \(\backslash\)}
\DoxyCodeLine{elementum ullamcorper dui mi ut metus. Nunc dictum nisi sed arcu mattis \(\backslash\)}
\DoxyCodeLine{pellentesque. Aliquam erat volutpat. Nullam faucibus suscipit dui a \(\backslash\)}
\DoxyCodeLine{condimentum. Fusce a diam tortor. Curabitur egestas gravida magna, eget \(\backslash\)}
\DoxyCodeLine{lacinia magna fringilla in. Donec eget tincidunt ipsum. Suspendisse velit \(\backslash\)}
\DoxyCodeLine{massa, sollicitudin in laoreet a, posuere malesuada enim. \(\backslash\)}
\DoxyCodeLine{Duis a nulla purus.<br><br> \(\backslash\)}
\DoxyCodeLine{Aenean nec sodales lacus. Sed ipsum felis, blandit sed aliquet ac, viverra \(\backslash\)}
\DoxyCodeLine{vitae odio. Proin nisi nisi, commodo at cursus ut, auctor at elit. Sed tempor \(\backslash\)}
\DoxyCodeLine{placerat orci eget venenatis. Duis ut dolor nibh, non luctus tellus. Duis \(\backslash\)}
\DoxyCodeLine{placerat aliquet sem, et dignissim tellus rutrum at. Etiam sapien lacus, \(\backslash\)}
\DoxyCodeLine{auctor quis interdum vel, pellentesque sit amet arcu. Proin accumsan, mauris \(\backslash\)}
\DoxyCodeLine{non dapibus fermentum, nisl leo cursus nisi, eget auctor lacus ante a nisl. \(\backslash\)}
\DoxyCodeLine{Suspendisse ullamcorper suscipit mi, et blandit augue aliquet non. Aenean \(\backslash\)}
\DoxyCodeLine{vulputate ullamcorper ante, ut tincidunt orci sagittis nec. In hendrerit nunc \(\backslash\)}
\DoxyCodeLine{eget sapien eleifend luctus. Pellentesque vulputate diam ac arcu suscipit nec \(\backslash\)}
\DoxyCodeLine{vestibulum dolor blandit. Sed et massa vel ante tempor fermentum nec ac arcu. \(\backslash\)}
\DoxyCodeLine{Duis turpis odio, vehicula sit amet pellentesque non, facilisis quis ligula. \(\backslash\)}
\DoxyCodeLine{Sed ante nisl, cursus in pulvinar in, interdum vitae diam. Cras condimentum \(\backslash\)}
\DoxyCodeLine{diam ac purus tempor suscipit eget sed metus. Nam erat nunc, eleifend vitae \(\backslash\)}
\DoxyCodeLine{vehicula vitae, venenatis faucibus est. Nam auctor mauris metus. Nam eget \(\backslash\)}
\DoxyCodeLine{vehicula nunc. Nulla ut nisi id sapien rhoncus vestibulum."}
\DoxyCodeLine{}
\DoxyCodeLine{collections \{}
\DoxyCodeLine{   group \{ name: "main";}
\DoxyCodeLine{      /* set a min window size */}
\DoxyCodeLine{      min: 300 400;}
\DoxyCodeLine{}
\DoxyCodeLine{      /* tell edje that we are going to use elementary external parts */}
\DoxyCodeLine{      externals \{}
\DoxyCodeLine{         external: "elm";}
\DoxyCodeLine{      \}}
\DoxyCodeLine{}
\DoxyCodeLine{      parts \{}
\DoxyCodeLine{         part \{ name: "bg";}
\DoxyCodeLine{            type: RECT;}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               color: 255 255 255 255;}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{}
\DoxyCodeLine{         part \{ name: "title";}
\DoxyCodeLine{            type: TEXT;}
\DoxyCodeLine{            effect: SOFT\_SHADOW;}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               color: 255 255 255 255;}
\DoxyCodeLine{               color3: 70 70 70 70;}
\DoxyCodeLine{               text \{}
\DoxyCodeLine{                  text: "Elementary Anchorblock";}
\DoxyCodeLine{                  font: "Sans";}
\DoxyCodeLine{                  size: 16;}
\DoxyCodeLine{                  align: 0.5 0.0;}
\DoxyCodeLine{               \}}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{}
\DoxyCodeLine{         /* EXTERNAL elementary anchorblock */}
\DoxyCodeLine{         part \{ name: "anchorblock";}
\DoxyCodeLine{            type: EXTERNAL;}
\DoxyCodeLine{            source: "elm/anchorblock";}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               color: 200 200 0 200;}
\DoxyCodeLine{               rel1.offset: 5 35;}
\DoxyCodeLine{               rel2.offset: -\/6 -\/45;}
\DoxyCodeLine{               align: 0.0 0.0;}
\DoxyCodeLine{               map \{}
\DoxyCodeLine{                  on: 1;}
\DoxyCodeLine{                  perspective\_on: 1;}
\DoxyCodeLine{                  smooth: 1;}
\DoxyCodeLine{               \}}
\DoxyCodeLine{               params.string: "text" LOREM;}
\DoxyCodeLine{            \}}
\DoxyCodeLine{            description \{ state: "anim" 0.0;}
\DoxyCodeLine{               inherit: "default" 0.0;}
\DoxyCodeLine{               map.rotation.z: 100;}
\DoxyCodeLine{            \}}
\DoxyCodeLine{            description \{ state: "anim" 0.1;}
\DoxyCodeLine{               inherit: "default" 0.0;}
\DoxyCodeLine{               map.rotation.y: 180;}
\DoxyCodeLine{            \}}
\DoxyCodeLine{            description \{ state: "anim" 0.2;}
\DoxyCodeLine{               inherit: "default" 0.0;}
\DoxyCodeLine{               map.rotation.x: 150;}
\DoxyCodeLine{            \}}
\DoxyCodeLine{            description \{ state: "anim" 0.3;}
\DoxyCodeLine{               inherit: "default" 0.0;}
\DoxyCodeLine{               map.rotation.z: 100;}
\DoxyCodeLine{               map.rotation.y: 100;}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{   }
\DoxyCodeLine{         /* EXTERNAL elementary button to trigger the animation */}
\DoxyCodeLine{         part \{ name: "button";}
\DoxyCodeLine{            type: EXTERNAL;}
\DoxyCodeLine{            source: "elm/button";}
\DoxyCodeLine{            description \{ state: "default" 0;}
\DoxyCodeLine{               rel1 \{}
\DoxyCodeLine{                  relative: 0.0 1.0;}
\DoxyCodeLine{                  offset: 5 -\/40;}
\DoxyCodeLine{               \}}
\DoxyCodeLine{               rel2 \{}
\DoxyCodeLine{                  offset: -\/6 -\/2;}
\DoxyCodeLine{               \}}
\DoxyCodeLine{               params \{}
\DoxyCodeLine{                  string: "label" "Animate";}
\DoxyCodeLine{               \}}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{      \}}
\DoxyCodeLine{}
\DoxyCodeLine{      programs \{}
\DoxyCodeLine{         /* button clicked, start the animation cycle */}
\DoxyCodeLine{         program \{ name: "button\_click";}
\DoxyCodeLine{            signal: "clicked";}
\DoxyCodeLine{            source: "button";}
\DoxyCodeLine{            action: STATE\_SET "anim" 0.0;}
\DoxyCodeLine{            transition: LINEAR 1.0;}
\DoxyCodeLine{            target: "anchorblock";}
\DoxyCodeLine{            after: "anim2";}
\DoxyCodeLine{         \}}
\DoxyCodeLine{         program \{ name: "anim2";}
\DoxyCodeLine{            action: STATE\_SET "anim" 0.1;}
\DoxyCodeLine{            transition: LINEAR 1.0;}
\DoxyCodeLine{            target: "anchorblock";}
\DoxyCodeLine{            after: "anim3";}
\DoxyCodeLine{         \}}
\DoxyCodeLine{         program \{ name: "anim3";}
\DoxyCodeLine{            action: STATE\_SET "anim" 0.2;}
\DoxyCodeLine{            transition: LINEAR 1.0;}
\DoxyCodeLine{            target: "anchorblock";}
\DoxyCodeLine{            after: "anim4";}
\DoxyCodeLine{         \}}
\DoxyCodeLine{         program \{ name: "anim4";}
\DoxyCodeLine{            action: STATE\_SET "anim" 0.3;}
\DoxyCodeLine{            transition: LINEAR 1.0;}
\DoxyCodeLine{            target: "anchorblock";}
\DoxyCodeLine{            after: "anim5";}
\DoxyCodeLine{         \}}
\DoxyCodeLine{         program \{ name: "anim5";}
\DoxyCodeLine{            action: STATE\_SET "default" 0.0;}
\DoxyCodeLine{            transition: LINEAR 1.0;}
\DoxyCodeLine{            target: "anchorblock";}
\DoxyCodeLine{         \}}
\DoxyCodeLine{      \}}
\DoxyCodeLine{   \}}
\DoxyCodeLine{\}}
\end{DoxyCodeInclude}
 