Flash CS5中文版标准实例教程课件第9章 组件.ppt

第9章 组件 本章重点 本章我们用Flash CS5自带的表单实例介绍几种常见组件的使用和自定义滚动文本框的方法；同时，我们将举例详细说明每个组件的使用方法。通过这些例子让读者不仅仅了解组件的用法，更是希望读者能够经过这些例子的学习，制作出自己的东西来。 学习目的 通过本章的学习，您可以掌握： 滑动条组件 ComboBox，CheckBox和PushButton RadioButton ScrollBar ScrollPane 自定义滚动文本框 9.2 使用用户接口组件 ComboBox，CheckBox和PushButton 使用RadioButton 使用ScrollBar 使用ScrollPane 9.2.1 ComboBox，CheckBox和PushButton 9.2.2 使用RadioButton 9.2.3 使用ScrollBar 9.3 自定义滚动文本框 添加按钮 制作文本 为按钮添加代码 选中舞台上向上的按钮，打开动作面板，添加如下的代码： on( press ) { scrolling = up; frameCounter = speedFactor; } on( release, releaseOutside ) { scrolling = 0; } 制作文本边框 添加containerMC实例 制作滚动条 * * 9.1 组件 用户可以对组件的每一个实例指定不同的参数值，根据参数值的不同，组件的实例的性质也不同。这些可以指定的参数是用来描述某些自定义的属性的，就像影片剪辑的预定义属性一样，可以在属性面板的参数面板中对它们进行修改。 使用组件时，使用者不必知道某个影片剪辑到底是如何实现的，他只需要通过参数面板，对一个组件实例的参数进行初始化。可以这么说，组件的使用提高了影片剪辑的通用性。 组件的使用方法很简单。选择“窗口”/“组件”命令打开组件库面板，从库面板拖一个组件的实例到舞台上，然后在参数面板中设置参数的参数值。 选中舞台上的按钮，打开动作面板，添加下面的代码： on (press) { drag=1; } on (release, releaseOutside) { drag=0; } drag是一个标志，drag为1表示当前的鼠标处于按下的状态。 回到主时间轴。从库面板拖一个simpleslider到舞台上。选中这个实例，打开动作面板，添加下面的代码： OnClipEvent (mouseMove) { if (drag==1) { _x= _root._xmouse; } } 修改上一步添加的代码，在_x= _root._xmouse;这一行后面加入下面这行： updateAfterEvent(); 这样将对每一个鼠标移动事件都进行响应，看起来比较平滑。如果不加这一句，当cpu比较繁忙的时候，它会把好几个鼠标移动事件放在一起响应。 滑动条总是有一个范围的，给它加上范围。选中舞台上的simpleslider实例，然后打开动作面板，添加另一部分代码： onClipEvent (load) { min= 1; //最小边界。 max=500; //最大边界。 } 修改鼠标移动的代码，把鼠标限制在限定的范围之内。把修改OnClipEvent (mouseMove)处理函数改成下面的代码： OnClipEvent (mouseMove) { if (drag==1) { _x= _root._xmouse; if (_x max) { _x = max; } if (_x min) { _x = min; } updateAfterEvent(); } } 当这个影片刚刚加载进来的时候，文本框里显示的并不是当前滑动条所在位置的比例，所以需要手动来设置。把_root.percent=Math.floor((_x.min)/(max.min)*100);放在OnClipEvent(load)的最后一行。 注意一些代码的改动。把原来在simpleslider里处理鼠标移动事件的代码写成了一个函数，moveSlider()，这个函数保持滑动条跟踪鼠标并设置文本框相应的值。这个函数写在comslider的第一帧，定义如下： function moveSlider() { _x = _root._xmouse+Xoffset; if (_xmax) _x=max; if(_xmi