|
The notes will use to post the current
journal entry or other notes or messages. They will float above the
other movies, will be draggable and can be deleted from the stage.
Open the
template.fla file from
the previous section and File
/ Save As with the name notes. You should have the
outline
already there on layer 1
from the previous work. Rename layer1 as guide, make a new layer and name it notes.
1. the tab symbol
You will need to design the style
of your notes. This is pretty easy.
First, make a new
graphics symbol and
name it tab In the tab
symbol edit mode, rename layer 1 as tab, and use the
Rectangle tool to make
a rectangle with width 100 and height 75. Use any
Color Fill you like but make the Stroke No Color.
To cut the triangular portion off the
bottom right corner, draw a line through it (which will partition it)
and then delete the both the line and the triangular section.
Make a copy of your left-over
piece, fill it with black and then arrange them so the black
portion looks like a shadow.
For the title bar, make another
rectangle (width 95, height 10) and center it at the top. Also,
use the text tool to add a upper case X to the right.
2. notes1
Make a new
movie clip symbol and
name it notes1. Rename
layer 1 as tab and drag the tab symbol from the
Library on to the
layer.
The tab is pretty small. If you want,
use the Transformation
panel to increase the size ( 125% for me ).
|
 |
Make a new layer and name it text. Use
the Text tool to
write some text. You are not going to have room to write too much
so make the font size 9 or 10.
(I went back to the tab symbol and changed the color to light
green) |
3. Invisible button
When someone clicks the "x" on the title bar, the note will
disappear. We'll place an invisible button on top. An
invisible button is one that has nothing in the Up, Over
and Down state.
Make a new
button symbol and name
it invisible. In the
Hit state, make a key frame and place a rectangle ( width
125 and height 20). Use the
Align panel to
Align left edge and
Align top edge.
|
Back in the
notes1 symbol edit mode,
make a new layer and call it button. Drag an instance of the invisible
button from the Library on to the stage and place it over the title bar. It will have a
green tint, but will be
invisible when the movie plays.
|
|
Drag another one out and place it over
the text. You will have to resize it so it covers everything.
4 Actions
Let's add the actions that will make it all work. Select the
button on the title bar and use the
Action panel to add
this code:
| |
on
(release,
releaseOutside) {
_parent.notes1._visible = false;
} |
Next. Select the button over
the text and add the following code:
| |
on
(press) {
startDrag ("");
}
on (release) {
stopDrag ();
} |
scene 1:
Go back to scene 1, make a new layer and call it notes,
and drag the notes1 symbol
from the Library on to
the stage. Use the Instance
panel to give it the instance name notes1. Test the movie. You should be able to drag the note around
and click the title bar to make it disappear.
|
