\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}
 