UIScrollBar組件教程.doc

UIScrollBar组件教程（部分内容来源于互联网） (2007-01-05 10:17:04) 转载 分类：程序设计篇 　　flashMx 2004 更新到7.2后新加入了UIScrollBar组件。可惜中文帮助文档并没有更新，为了方便中文版用户的使用我写了这个简单教程，希望能对大家有所帮助。 　　UIScrollBar组件用来滚动文本有三种情况： 　　第一种是输入文本滚动，也就是当输入文本超出可显示区域时，自动生成滚动条，并可以拖动滚动条来调整文本移动。　　第二种是支持程序内动态文本滚动，也就是通过程序自动为文本字段赋值，之后动态显示并在超出显示区域时生成滚动条可以拖动。 　　第三种是支持调用外部文本文件，从而在超出显示区域时生成滚动条并可以拖动。 第一种实现方法：1、运行Flash mx 2004,新建一空白文档（500*240）。在菜单上选择视图--对齐--对齐对象（如图示）。2、选择文本工具，在舞台上拖一矩形文本框，在属性栏上设置如下：输入文本，多行，在文本周围显示边框，实例名为myText。3、打开组件面板，把UIScrollBar组件拖入舞台贴紧文本框的右边缘，由于我们开始选择了“对齐对象”这个命令，所以应该很好贴紧。注意一定要贴紧文本框的右边缘，否则UIScrollBar组件不会正常工作。然后调整UIScrollBar组件的高度，使其高度与文本框的高度保持一致。调整好后如图示。4、打开属性面板，然后选择舞台上的UIScrollBar组件，在属性面板上的参数设置如图示。_TargetInstanceName属性的值为与UIScrollBar组件相关联的文本框的实例名这里为myText。属性 horizontal 设为true的话表示是横向滚动条，这里我们要的是垂直滚动条所以设为false。5、测试影片，在文本框里输入文本就可以看到效果了，大家可以把属性 horizontal 设为true做一个水平滚动条看看。 第二种实现方法 　　只要稍对上面的程序有所改动就可以实现第二种功能。但要注意输入文本和动态文本不同，输入文本可输入，可选，而动态文本动态显示，不可输入。 　　选中场景中的输入文本字段，打开“属性”面板，将“输入文本”改为“动态文本”，名称不变，如图： 　　选中时间轴上的第1帧，打开“动作”面板，在脚本窗格内输入以下代码： myText.text=　　1、选择文本工具，在舞台上拖一矩形文本框，在属性栏上设置如下：输入文本，多行，在文本周围显示边框。\r　　3打开组件面板，把UIScrollBar组件拖入舞台贴紧文本框的右边缘，由于我们开始选择了“对齐对象”这个命令，所以应该很好贴紧。注意一定要贴紧文本框的右边缘，否则UIScrollBar组件不会正常工作。然后调整UIScrollBar组件的高度，使其高度与文本框的高度保持一致。调整好后如图示。; 　　再运行一次就会看到新的效果： 　　这一功能很重要，因为程序运行时可以借助此功能动态地为文本字段赋值，即一个界面多次应用，所以在做产品展示的程序中应用更是广泛。 第三种方法的实现 　　第二种方法比第一种方法更具特色，而接下来要讲的第三种方法的特色就在于在网络下的应用更有利于管理员对网络资料的维护。 　　调用外部文本文件和上面的制作方法不同，稍难一些，思路有了更大的变化。 第一步：创建动态文本 　　新建文档，利用“文本工具”在场景中拖制出一个文本框，并在“属性”面板中做如下设置： 　　在上图中，凡用框线所划出的范围都是需要注意的几个项目。 第二步：编写代码 　　打开“组件”面板，在面板中找到UIScrollBar组件，并将其拖动到场景中，选中场景中该组件，按DEL键将其在场景中删除，即在“库”面板中创建一个该组件。 　　选中时间轴上的第一帧，在打开的“动作”面板中输入代码： my_txt.wordWrap = true; this.createClassObject(mx.controls.UIScrollBar, my_sb, 20); // 为滚动条设置目标文本字段。my_sb.setScrollTarget(my_txt); // 调整其尺寸以匹配文本字段。my_sb.setSize(16, my_txt._height); // 将其移动到文本字段的旁边。my_sb.move(my_txt._x + my_txt._width, my_txt._y); // 加载要显示的文本，并定义 onData 处理函数。var my_lv:LoadVars = new LoadVars();my_lv.onData = function(src:String) { if (src != undefined) {