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


\begin{DoxyCodeInclude}

\textcolor{preprocessor}{#define LOREM "Vestibulum nunc mi, adipiscing dapibus turpis. Integer ornare \(\backslash\)}
\textcolor{preprocessor}{vestibulum. Quisque libero augue, non tristique tortor. Praesent urna augue, \(\backslash\)}
\textcolor{preprocessor}{blandit id sodales vel, varius at purus. Ut congue mollis elit, quis vehicula \(\backslash\)}
\textcolor{preprocessor}{enim ornare vitae. Suspendisse non faucibus massa. Nunc facilisis sapien ut \(\backslash\)}
\textcolor{preprocessor}{erat laoreet vitae pharetra purus commodo. Donec in ipsum justo, sit amet \(\backslash\)}
\textcolor{preprocessor}{lacinia massa. Pellentesque sed dolor lectus. Integer nec nisi ut massa \(\backslash\)}
\textcolor{preprocessor}{vestibulum vulputate mollis ut lacus. Morbi lobortis dictum lacus nec \(\backslash\)}
\textcolor{preprocessor}{faucibus. <item relsize=16x16 vsize=full href=emoticon/angry></item> \(\backslash\)}
\textcolor{preprocessor}{<item relsize=16x16 vsize=full href=emoticon/evil></item> \(\backslash\)}
\textcolor{preprocessor}{<item relsize=16x16 vsize=full href=emoticon/google-smile></item> \(\backslash\)}
\textcolor{preprocessor}{<item relsize=16x16 vsize=full href=emoticon/omg></item><br><br> \(\backslash\)}
\textcolor{preprocessor}{Phasellus ultricies nisl sit amet ligula tristique in adipiscing neque \(\backslash\)}
\textcolor{preprocessor}{vulputate. Maecenas est ante, porttitor eget commodo non, blandit et erat. \(\backslash\)}
\textcolor{preprocessor}{Duis adipiscing, tortor quis gravida vulputate, magna lorem mollis tortor, \(\backslash\)}
\textcolor{preprocessor}{elementum ullamcorper dui mi ut metus. Nunc dictum nisi sed arcu mattis \(\backslash\)}
\textcolor{preprocessor}{pellentesque. Aliquam erat volutpat. Nullam faucibus suscipit dui a \(\backslash\)}
\textcolor{preprocessor}{condimentum. Fusce a diam tortor. Curabitur egestas gravida magna, eget \(\backslash\)}
\textcolor{preprocessor}{lacinia magna fringilla in. Donec eget tincidunt ipsum. Suspendisse velit \(\backslash\)}
\textcolor{preprocessor}{massa, sollicitudin in laoreet a, posuere malesuada enim. \(\backslash\)}
\textcolor{preprocessor}{Duis a nulla purus.<br><br> \(\backslash\)}
\textcolor{preprocessor}{Aenean nec sodales lacus. Sed ipsum felis, blandit sed aliquet ac, viverra \(\backslash\)}
\textcolor{preprocessor}{vitae odio. Proin nisi nisi, commodo at cursus ut, auctor at elit. Sed tempor \(\backslash\)}
\textcolor{preprocessor}{placerat orci eget venenatis. Duis ut dolor nibh, non luctus tellus. Duis \(\backslash\)}
\textcolor{preprocessor}{placerat aliquet sem, et dignissim tellus rutrum at. Etiam sapien lacus, \(\backslash\)}
\textcolor{preprocessor}{auctor quis interdum vel, pellentesque sit amet arcu. Proin accumsan, mauris \(\backslash\)}
\textcolor{preprocessor}{non dapibus fermentum, nisl leo cursus nisi, eget auctor lacus ante a nisl. \(\backslash\)}
\textcolor{preprocessor}{Suspendisse ullamcorper suscipit mi, et blandit augue aliquet non. Aenean \(\backslash\)}
\textcolor{preprocessor}{vulputate ullamcorper ante, ut tincidunt orci sagittis nec. In hendrerit nunc \(\backslash\)}
\textcolor{preprocessor}{eget sapien eleifend luctus. Pellentesque vulputate diam ac arcu suscipit nec \(\backslash\)}
\textcolor{preprocessor}{vestibulum dolor blandit. Sed et massa vel ante tempor fermentum nec ac arcu. \(\backslash\)}
\textcolor{preprocessor}{Duis turpis odio, vehicula sit amet pellentesque non, facilisis quis ligula. \(\backslash\)}
\textcolor{preprocessor}{Sed ante nisl, cursus in pulvinar in, interdum vitae diam. Cras condimentum \(\backslash\)}
\textcolor{preprocessor}{diam ac purus tempor suscipit eget sed metus. Nam erat nunc, eleifend vitae \(\backslash\)}
\textcolor{preprocessor}{vehicula vitae, venenatis faucibus est. Nam auctor mauris metus. Nam eget \(\backslash\)}
\textcolor{preprocessor}{vehicula nunc. Nulla ut nisi id sapien rhoncus vestibulum."}
\textcolor{preprocessor}{}
collections \{
   group \{ name: \textcolor{stringliteral}{"main"};
      \textcolor{comment}{/* set a min window size */}
      min: 300 400;

      \textcolor{comment}{/* tell edje that we are going to use elementary external parts */}
      externals \{
         external: \textcolor{stringliteral}{"elm"};
      \}

      parts \{
         part \{ name: \textcolor{stringliteral}{"bg"};
            type: RECT;
            description \{ state: \textcolor{stringliteral}{"default"} 0.0;
               color: 255 255 255 255;
            \}
         \}

         part \{ name: \textcolor{stringliteral}{"title"};
            type: TEXT;
            effect: SOFT\_SHADOW;
            description \{ state: \textcolor{stringliteral}{"default"} 0.0;
               color: 255 255 255 255;
               color3: 70 70 70 70;
               text \{
                  text: \textcolor{stringliteral}{"Elementary Anchorblock"};
                  font: \textcolor{stringliteral}{"Sans"};
                  size: 16;
                  align: 0.5 0.0;
               \}
            \}
         \}

         \textcolor{comment}{/* EXTERNAL elementary anchorblock */}
         part \{ name: \textcolor{stringliteral}{"anchorblock"};
            type: EXTERNAL;
            source: \textcolor{stringliteral}{"elm/anchorblock"};
            description \{ state: \textcolor{stringliteral}{"default"} 0.0;
               color: 200 200 0 200;
               rel1.offset: 5 35;
               rel2.offset: -6 -45;
               align: 0.0 0.0;
               map \{
                  on: 1;
                  perspective\_on: 1;
                  smooth: 1;
               \}
               params.string: \textcolor{stringliteral}{"text"} LOREM;
            \}
            description \{ state: \textcolor{stringliteral}{"anim"} 0.0;
               inherit: \textcolor{stringliteral}{"default"} 0.0;
               map.rotation.z: 100;
            \}
            description \{ state: \textcolor{stringliteral}{"anim"} 0.1;
               inherit: \textcolor{stringliteral}{"default"} 0.0;
               map.rotation.y: 180;
            \}
            description \{ state: \textcolor{stringliteral}{"anim"} 0.2;
               inherit: \textcolor{stringliteral}{"default"} 0.0;
               map.rotation.x: 150;
            \}
            description \{ state: \textcolor{stringliteral}{"anim"} 0.3;
               inherit: \textcolor{stringliteral}{"default"} 0.0;
               map.rotation.z: 100;
               map.rotation.y: 100;
            \}
         \}
   
         \textcolor{comment}{/* EXTERNAL elementary button to trigger the animation */}
         part \{ name: \textcolor{stringliteral}{"button"};
            type: EXTERNAL;
            source: \textcolor{stringliteral}{"elm/button"};
            description \{ state: \textcolor{stringliteral}{"default"} 0;
               rel1 \{
                  relative: 0.0 1.0;
                  offset: 5 -40;
               \}
               rel2 \{
                  offset: -6 -2;
               \}
               params \{
                  \textcolor{keywordtype}{string}: \textcolor{stringliteral}{"label"} \textcolor{stringliteral}{"Animate"};
               \}
            \}
         \}
      \}

      programs \{
         \textcolor{comment}{/* button clicked, start the animation cycle */}
         program \{ name: \textcolor{stringliteral}{"button\_click"};
            signal: \textcolor{stringliteral}{"clicked"};
            source: \textcolor{stringliteral}{"button"};
            action: STATE\_SET \textcolor{stringliteral}{"anim"} 0.0;
            transition: LINEAR 1.0;
            target: \textcolor{stringliteral}{"anchorblock"};
            after: \textcolor{stringliteral}{"anim2"};
         \}
         program \{ name: \textcolor{stringliteral}{"anim2"};
            action: STATE\_SET \textcolor{stringliteral}{"anim"} 0.1;
            transition: LINEAR 1.0;
            target: \textcolor{stringliteral}{"anchorblock"};
            after: \textcolor{stringliteral}{"anim3"};
         \}
         program \{ name: \textcolor{stringliteral}{"anim3"};
            action: STATE\_SET \textcolor{stringliteral}{"anim"} 0.2;
            transition: LINEAR 1.0;
            target: \textcolor{stringliteral}{"anchorblock"};
            after: \textcolor{stringliteral}{"anim4"};
         \}
         program \{ name: \textcolor{stringliteral}{"anim4"};
            action: STATE\_SET \textcolor{stringliteral}{"anim"} 0.3;
            transition: LINEAR 1.0;
            target: \textcolor{stringliteral}{"anchorblock"};
            after: \textcolor{stringliteral}{"anim5"};
         \}
         program \{ name: \textcolor{stringliteral}{"anim5"};
            action: STATE\_SET \textcolor{stringliteral}{"default"} 0.0;
            transition: LINEAR 1.0;
            target: \textcolor{stringliteral}{"anchorblock"};
         \}
      \}
   \}
\}
\end{DoxyCodeInclude}
 