<html> <head> <title>Edje: toggle_using_filter.edc</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <meta name="author" content="Andres Blanc" > <link rel="icon" href="img/favicon.png" type="image/x-icon"> <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon"> <link rel="icon" href="img/favicon.png" type="image/ico"> <link rel="shortcut icon" href="img/favicon.png" type="image/ico"> <link rel="stylesheet" type="text/css" href="e.css"> <link rel="stylesheet" type="text/css" href="edoxy.css"> </head> <body> <div id="container"> <div id="header"> <div class="layout"> <h1><span>Enlightenment</span></h1> <h2><span>Beauty at your fingertips</span></h2> <table cellspacing="0" cellpadding="0" width="100%"><tr> <td id="header_logo"> <a href="http://www.enlightenment.org"></a> </td> <td id="header_menu"> <table cellspacing="0" cellpadding="0" align="right"><tr> <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=home">Home</a></td> <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=news">News</a></td> <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=about">About</a></td> <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=download">Download</a></td> <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=support">Support</a></td> <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=contribute">Contribute</a></td> <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=contact">Contact</a></td> <td class="nav_passive"><a class="nav_passive" href="http://trac.enlightenment.org/e">Tracker</a></td> <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=docs">Docs</a></td> </tr></table> </td> <td id="header_last"></td> </tr></table> <div class="doxytitle"> Edje Documentation <small>at Tue Feb 8 2011</small> </div> <div class="menu-container"> <div class="submenu"> <ul class="current"> <li><a href="files.html">Files</a></li> <li><a href="Edje__Edit_8h.html">Edje Edit API</a></li> <li><a href="examples.html">Examples</a></li> <li><a href="luaref.html">LUA scripting</a></li> <li><a href="Edje_8h.html">Edje API</a></li> <li><a href="edcref.html">EDC Reference</a></li> <li class="current"><a href="index.html">Main Page</a></li> </ul> </div> </div> <div class="clear"></div> </div> </div> <div id="content"> <div class="layout"> <!-- Generated by Doxygen 1.7.3 --> </div> <div class="header"> <div class="headertitle"> <h1>toggle_using_filter.edc</h1> </div> </div> <div class="contents"> <p>This example show how to toggle the state of a part using the 'filter' param in edje programs</p> <div class="fragment"><pre class="fragment">collections { group { <a name="a0"></a><a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"main"</span>; parts { <span class="comment">/* white background */</span> part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"bg"</span>; <a name="a1"></a><a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: RECT; description { state: <span class="stringliteral">"default"</span> 0.0; color: 255 255 255 255; } } <span class="comment">/* title label */</span> part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"title"</span>; <a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: TEXT; description { state: <span class="stringliteral">"default"</span> 0.0; color: 0 0 0 255; text { text: <span class="stringliteral">"Toggle using filter"</span>; font: <span class="stringliteral">"Sans"</span>; size: 12; align: 0.5 0.0; } } } <span class="comment">/* the rectangle, will toggle color on click */</span> part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"rect"</span>; <a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: RECT; mouse_events: 1; description { state: <span class="stringliteral">"default"</span> 0.0; color: 255 0 0 150; max: 150 150; align: 0.5 0.5; map { on: 1; perspective_on: 1; smooth: 1; alpha: 1; } } description { state: <span class="stringliteral">"blue"</span> 0.0; inherit: <span class="stringliteral">"default"</span> 0.0; color: 0 0 255 255; } } } programs { <span class="comment">/* on mouse click set the blue state, if we are in the default state */</span> program { signal: <span class="stringliteral">"mouse,down,1"</span>; source: <span class="stringliteral">"rect"</span>; filter: <span class="stringliteral">"rect"</span> <span class="stringliteral">"default"</span>; action: STATE_SET <span class="stringliteral">"blue"</span> 0.0; transition: SINUSOIDAL 0.4; target: <span class="stringliteral">"rect"</span>; } <span class="comment">/* or back to the default state if we are in the blue state */</span> program { signal: <span class="stringliteral">"mouse,down,1"</span>; source: <span class="stringliteral">"rect"</span>; filter: <span class="stringliteral">"rect"</span> <span class="stringliteral">"blue"</span>; action: STATE_SET <span class="stringliteral">"default"</span> 0.0; transition: SINUSOIDAL 0.4; target: <span class="stringliteral">"rect"</span>; } } } } </pre></div> </div> </div> <div id="push"></div> </div> <!-- #content --> </div> <!-- .layout --> </div> <!-- #container --> <div id="footer"> <table><tr> <td class="copyright">Copyright ©2011 Enlightenment</td> <td class="generated">Docs generated Tue Feb 8 2011 17:28:42</td> </tr></table> </div> </body> </html>