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