【FL实例】使用滚动条(UIScrollBar)组件

FLASH实例－使用滚动条(UIScrollBar)组件源文件下载

文本滚动条（UIScrollBar）组件，可以方便地浏览较长的文本。它两端各有一个箭头按钮，按钮之间有一个滚动轨道和滚动框（滑块）。它可以附加至文本字段的任何一边，既可以垂直使用也可以水平使用。

1、添加UIScrollBar组件

。验证对象贴紧功能是否已打开

操作：最上方“视图”－－“贴紧”－－“贴紧至对象”

。在舞台上创建一个本动态或输入文本。用文本工具调整大小以适合你的需要。

。将UIScrollBar组件从'组件'面板拖到舞台上。

操作：“窗口”－－“组件” －－展开User Inferface－－将UIScrollBar拖到舞台上文本字段的边框的任何一个象限。（自动贴紧）

2、UIScrollBar 参数

操作：点舞台的组件图形－－“属性、滤镜、参数”选择点“参数”

_targetInstanceName  所附加到的文本字段实例的名称。

自动贴紧时自动给出文本字段实例的名称。当改变文本字段实例的名称时，要修改此参数。

horizontal 指示滚动条是水平方向 (true) 还是垂直方向 (false)。默认值为 false。

3、自定义组件样式（可以不要）

操作：点舞台的组件图形－－点“动作”－－添加以下 ActionScript 代码:

注意：不是“动作－帧”

onClipEvent (load) {

//库里ScrollBar Assets文件夹中的HScrollBarAssets或ScrollBarAssets或

// VScrollBarAssets影片剪辑的“链接”－“在第一帧导出”处选中（打勾）

//以下设置才有效

this.setStyle("scrollTrackColor", 0x9EAFBE);//轨迹背景默认值为0xCCCCCC（浅灰）

this.setStyle("symbolColor", 0x9ADCAD);//箭头颜色默认值为0x000000（黑色）

this.setStyle("highlightColor", 0x6B859C);//按钮颜色默认值为0xFFFFFF（白色）

this.setStyle("borderColor", 0x2D3842);//阴影外颜色默认值为0x000000（黑色）

this.setStyle("shadowColor", 0x4F6275);//阴影内颜色默认值为0x000000（黑色）

}

简要说明：

Flash 安装了两个主题："光晕"和"范例"。"光晕"主题是组件的默认主题。因此，如果要使用"范例"主题，您需要将当前主题从"光晕"切换到"范例"。

文本滚动条（UIScrollBar）组件，自定义组件样式属于"范例"主题。

在没有“切换”之前，上述AS不起作用。

“切换”到"范例"主题操作如下：

选择"文件"－－"导入"－－"打开外部库"－－选择C:\Program Files\Macromedia\Flash 8\zh_cn\Configuration\ComponentFLA\－－ 选择 SampleTheme.fla文档－－打开

在 SampleTheme.fla 主题的"库"面板中，选择 Flash UI Components 2/Themes/MMDefault，然后将ScrollBar Assets文件夹拖到库里。

右键单击ScrollBar Asset文件夹中的ScrollBarAssets影片剪辑－－选择"链接"－－选中"在第一帧导出"－－单击"确定"。