使用 ScrollPane 组件

如果某些内容对于它们要加载到其中的区域而言过大,您可以使用滚动窗格来显示这些内容。例如,如果您有一幅大图像,而在应用程序中只有很小的空间来显示它,则可以将其加载到滚动窗格中。

您可以通过将 scrollDrag 参数设为 true 来允许用户在窗格中拖动内容;一个手形光标会出现在内容上。与其他大多数组件不同的是,当按下鼠标按键时,事件开始广播,一直到松开按键才结束。如果滚动窗格的内容具有有效的 Tab 键停靠位,您必须将 scrollDrag 设为 false,否则每次鼠标与内容进行的交互操作都将会调用滚动拖动。 

ScrollPane 参数

下面是您可以在属性检查器或“组件检查器”面板中为每个 ScrollPane 组件实例设置的创作
参数:

contentPath 指明要加载到滚动窗格中的内容。该值可以是本地 SWF 或 JPEG 文件的相对路径,或 Internet 上的文件的相对或绝对路径。它也可以是设置为“为动作脚本导出”的库中的影片剪辑元件的链接标识符。

hLineScrollSize 指明每次按下箭头按钮时水平滚动条移动多少个单位。默认值为 5。

hPageScrollSize 指明每次按下轨道时水平滚动条移动多少个单位。默认值为 20。

hScrollPolicy 显示水平滚动条。该值可以为“on”、“off”或“auto”。默认值为“auto”。

scrollDrag 是一个布尔值,它允许 (true) 或不允许 (false) 用户在滚动窗格中滚动内容。默认值为 false。

vLineScrollSize 指明每次按下箭头按钮时垂直滚动条移动多少个单位。默认值为 5。

vPageScrollSize 指明每次按下轨道时垂直滚动条移动多少个单位。默认值为 20。

vScrollPolicy 显示垂直滚动条。该值可以为“on”、“off”或“auto”。默认值为“auto”。

您可以编写“动作脚本”,通过利用其属性、方法和事件来控制 ScrollPane 组件的这些选项以及其他选项。有关详细信息,请参阅 ScrollPane 类

创建具有 ScrollPane 组件的应用程序

以下过程解释了如何在创作时将 ScrollPane 组件添加到应用程序。在此范例中,滚动窗格加载一个包含徽标的 SWF 文件。

要创建具有 ScrollPane 组件的应用程序,请执行以下操作:

  1. 将 ScrollPane 组件从“组件”面板拖到舞台上。
  2. 在属性检查器中,输入实例名称 myScrollPane
  3. 在属性检查器中,为 contentPath 参数输入 logo.swf
  4. 在时间轴中选择第一帧,打开“动作”面板,然后输入以下代码:
    scrollListener = new Object();
    scrollListener.scroll = function (evt){
      txtPosition.text = myScrollPane.vPosition;
    }
    myScrollPane.addEventListener("scroll", scrollListener);
    
    completeListener = new Object;
    completeListener.complete = function() {
      trace("logo.swf has completed loading."); 
    }
    myScrollPane.addEventListener("complete", completeListener); 
    

    第一块代码是 myScrollPane 实例上的一个 scroll 事件处理函数,它显示一个名为 txtPosition 的 TextField 实例(该实例已经置于舞台上)中的 vPosition 属性的值。第二块代码为 complete 事件创建一个事件处理函数,它向“输出”面板发送一条消息。