In Complex Tutorial, Group #3 shows a triangle that slides out when you click on it. This group demonstrates the concept of a drawer. We will go over the XML code in this section. The script explaination is covered in the next section. Here's the process.
a) Make the graphics: rotating arrow
b) Define the elements in the XML code.
c) Define layers using those elements.
d) Making MAKI script.
Lets go through in detail how do to each step:
a) make the graphics: the red circle and blue triangle.
| red-circle.png |
 |
| triangle-clickme.png |
 |
b) define the elements in the XML code.
c) define layers using those elements.
d) Making MAKI script
Two MAKI scripts function together to create the animations you see. Triangle.maki animates
the sliding effect of the drawer. Anim.maki animates the moving arrow. We will go over
the MAKI script for drawer in the next section. Read on...
* Triangle.m MAKI file for Complex Tutorial Skin
* Anim.m MAKI file for Complex Tutorial Skin
|
|
SEND FEEDBACK