FLASH可以上下滚动的文本框

ajax · 发表于 2008-10-25 23:32:54

可以上下滚动的文本框
1、创建场景文件。
2、输入或者粘贴一段文字。调整好大小。
3、将文本框转换为影片剪辑，在影片剪辑的属性面板中，为实例取名txtBox。
4、在靠近文本框右上角处画一个三角形。
5、将三角形转换为按钮。双击进入按钮的编辑界面。
6、在反应区插入帧。
7、返回场景1。选择三角形按钮，打开动作面板。
8、输入如下代码：
on (release) {
if (txtBox._y>-340) {
//-340的意思是顶部y值减去高度Height的结果，
//保证文本框向上移动到刚好看不见。
txtBox._y = txtBox._y-10;
}
else{
txtBox._y=txtBox._y;
}
}
9、选择三角形按钮，复制，粘贴，选择新按钮，执行修改-->转换-->垂直翻转命令，使之变成向下按钮。将向下按钮移动到文本框右下角。
10、选择向下按钮，打开动作面板，修改代码如下：
on (release) {
if (txtBox._y<385) {
txtBox._y = txtBox._y+10;
}
else{
txtBox._y=txtBox._y;
}
}
11、新建图层2，在图层2第一帧画一个矩形，刚好掩盖住文本框和两个按钮。
12、在图层2上点右键，遮蔽，将图层2创建为蒙板层。
13、Ctrl+Enter，并点击两个按钮查看效果。
[Flash]带滚动条的文本框（三）
1、新建场景文件，创建三个图层。
2、在最下面的图层1粘贴比较长的一段文字，然后在属性面板将其改为动态文字，多行，实例取名为txt。
3、在图层2画一个矩形，遮住一段文字。将举行转换为影片剪辑，在属性面板中为实例取名为mask。
4、在图层3的文字右侧画一条和mask等高的线段，转换为图形元件。在图层3上点右键，遮蔽，将图层3创建为蒙板层。

5、在图层3的文字右侧画一个小矩形，转换为影片剪辑，在属性面板中为实例命名为scroll_bar，将scroll_bar放在线段顶部。
6、在图层3选择第一帧，打开动作面板，输入如下代码：
//首先定义滑块的移动范围
barUp = 67;
barDown = 204;
barPos = 446;
//然后是缓冲的程度，速度值越大缓冲越明显
speed = 6;
//然后这个是计算比例，也就是滑槽和内容的可移动长度之比
rate = (txt._height-mask._height)/(barDown-barUp);
//记录下内容的最初位置
txtOrigin = txt._y;
//在滑块上按下的时候开始拖动，down用来判断是否处在拖动中
scroll_bar.onPress = function() {
scroll_bar.startDrag(0, barPos, barUp, barPos, barDown);
down = 1;
};
//鼠标松开的时候停止拖动，down变为0
scroll_bar.onMouseUp = function() {
scroll_bar.stopDrag();
down = 0;
};
//这个是关键，enterFrame加上if(down)，也就是在拖动的时候不停地执行if里面的程序
this.onEnterFrame = function() {
if (down) {
//将此时滑块的y值减去滑块上限，计算出滑块向下移动的距离，
//乘以之前算出的比例，就得到了文本内容应该向上移动的距离
txtMove = (scroll_bar._y-barUp)*rate;
//原来的位置减去距离，得到文本内容现在应该在的位置，也就是目标位置
txt.m_y = txtOrigin-txtMove;
}
//文本内容y值的每一次变化量=(目标位置-当前位置)除以缓冲速度。
//注意这一句不能放在if循环里面，否则鼠标一松开缓冲就停止了
txt._y += (txt.m_y-txt._y)/speed;
};
7、Ctrl+Enter测试。

[Flash]带滚动条的文本框
1、打开昨天的作品《可以上下滚动的文本框》。
2、在图层1绘制一个小矩形，转换为电影剪辑元件，在属性面板上为实例命名为myScrollBar。
3、选择myScrollBar元件，打开动作面板，输入如下代码：
on (press) {
startDrag ("myScrollBar", true, 523, 85, 523, 325);
down=true;
//down 变量是用来控制文本框滚动的，
//拖动是允许滚动。
}
on (release) {
stopDrag();
down=false;
//停止拖动后也就停止滚动。
}
4、在时间轴最顶上添加一个图层，选择第一帧，打开动作面板，输入如下代码：
function onEnterFrame() {
if (down) {
v_Shift = (getProperty("myScrollBar",_y) - 200)*3;
setProperty("text_movie", _y, v_Shift);
}
//如果这里不用if判断，文本框就会不停的滚动下去。
}
5、Ctrl+Enter观看效果。

		自动登录	找回密码
密码			注册

全国各地医院查询	重量转换换算	RGB颜色查询	交通标志大全	各类快递查询
简体繁体转换	黄金价格实时走势	万年历查询	实时汇率转换	列车时刻查询
在线翻译工具	CSS中文手册	HTML学习教程	MySQL中文手册	JavaScript中文手册
PHP安全基础手册	PHP5面向对象编程教程	正则表达式系统教程	SQL Server精华	Apache 2.2 中文手册
DOS命令全集指南	windows脚本技术中文版	股票行情查询	历史上的今天	邮编区号查询
长度转换换算	货币汇率转换	常用电话号码	体育彩票查询	手机位置查询
域名Whois信息查询	谷歌PR值查询	台州网站建设	台州网站开发	台州域名注册
天气预报查询	长度转换换算器	在线电子地图	车牌号码查询	中国百家姓查询