Two ways to scroll the Flash MX 2004 text Box

Source: Internet
Author: User
Tags insert new features
text box Flash upgrade to the Flash MX 2004 version, many of the results of the production methods are greatly improved, such as the effect of scrolling text boxes to make a lot easier. Now I'm going to introduce two ways to make a scrolling text box in Flash MX 2004, one of the easiest ways to make use of Flash's own components, and the other is to use some simple commands to achieve scrolling, and the second way we can do a Flash MX 2004 The new features and methods have a deeper understanding. A . fla file is provided at the end of the article for you to download reference.

  Complete effect Download

  The use of components to make a scrolling text box

The blank position in the scene is often insufficient to accommodate all the text in the current section. At this point, we need to use the scrolling text box component to complete.

(1) Open the window--the developer panel--the Components panel, or press CTRL+F7 to open the Components panel and drag the TextArea component (figure I) from the UI components list to the scene.


Figure I

(2) Select the "TextArea" component, using the property panel to adjust its properties to the width of "240px", High "200px", x-axis coordinates "," Y-axis coordinate "100".

(3) Open the Parameters tab of the Properties dialog box (figure II), or press the ALT+F7 key combination, open the Components parameter Setup Panel (figure three), in the "text" parameter to the right side of the text you want to enter, the two different panel features are the same.

Figure two larger picture, please pull the scroll bar to watch


Figure Three

This method of making scrolling text is not very simple, this method to do if the file directly exported SWF file, in use may not see this rolling component, then as long as the release settings, directly released into an EXE file or HTML file can be used normally.

making use of command to make scrolling text box

(1) Insert a static text box in the blank position of the scene, enter the desired text in the text box, and adjust the size and position. Right-click the text box, select Convert to symbol on the pop-up shortcut menu, and first convert it to "graphics", named "text."


Figure Four

(2) Select Insert-New symbol, create a new movie clip, and name it "text movie." Drag the graphic symbol "text" into the appropriate position, insert the keyframe at Frame 25th, and hold down the SHIFT key in the frame to move the frame's text component up a distance vertically

(3) Create a motion tween from frame 1th to frame 25th so that the "text" component has a moving effect to the bottom. Then select the Stop () command from global functions-timeline control, and add to frame 1th so that the text movie clip stops at frame 1th (Figure V). Place the clip in the appropriate place in the scene, with the clip name "text."


Figure Five

(4) Add Layer 2 and put layer 2 below the 1th layer. In Layer 2, place the "next" component in the common library--button, circle buttons, into the scene, rotate 90 degrees clockwise to the direction of the arrow, and place it next to the text movie (Figure VI).


Figure Six

Add the following code:

On (release)
{
Telltarget ("text")
{NextFrame ();}
}

Copy the Next button, flip vertically (the arrow is up), and place it above the first button, adding code:

On (release)
{
Telltarget ("text")
{Prevframe ();}
}

(5) Add Layer 3 and surround the text and buttons with a line and rectangle tool in Layer 3 (figure Seven).


Figure Seven

When using the Rectangle tool, change the fill color to colorless and the line color to black. And then in this closed graph, fill in the part of the enclosing text with a gray

(6) Add layer 4, place layer 4 below Layer 3 (Figure eight), and cut the gray block in layer 3 to the same position in Layer 4 (SHIFT+CTRL+V). Add a mask to layer 4 so that it masks layer 1.


Figure Eight

(7) Press the Ctrl+enter key to run.

Two kinds of scrolling text box is the way to make, in fact, the implementation of each effect is not unique, although the degree of simplified of each method is different, but as long as the intention to realize, always find a suitable method. . fla File Download



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.