分享

【FL实例】使用组件List

 吉祥如意988 2018-09-05

【FL实例】使用组件List

    List 组件是一个可滚动列表框。常用于菜单显示与选择。如上二个List组件实例。
    1、添加List组件
       将 List组件从"组件"面板拖到舞台上。
       操作:点“窗口”--选“组件” --展开User Inferface--将“List"拖到舞台上。
       选择"任意变形"工具,并调整组件的大小以适合你的需要。
    2、添加或修改数据
       List组件提供data和labels二个用户添加或修改数据的数组
       data数组:列表数据。作为菜单使用,一般存放地址。
       labels数组:列表的标签。作为菜单使用,一般存放名称。
       操作:点舞台的组件图形--“属性、滤镜、参数”选择点“参数”--点data或labels栏-点栏右边的“放大镜”图标。
       出现“值”的对话框:
       +、-和上、下移位按钮操作说明:
         +在选中项的下面增加一项
         -选中项删除
         上、下移位按钮将项移动到需要的位置
         将“defaultValue”修改成你的数据或标签。
         举例博客选择浏览:“data”添加博友的网址,“labels”添加博友的昵称,一个博友各一项。
         注意:“data”要与“labels”一一对应。
      multipleSelection参数:一个布尔值,它指示是 (true) 否 (false) 可以选择多个值。默认值为 false。点击该栏可以修改。
      rowHeight参数:指示每行的高度,以像素为单位。默认值是 20。设置字体不会更改行的高度。点击该栏可以修改。
    3、实例应用
       在“属性”检查器中,修改实例名称为:my_list(实例名称可随意,只要与下述AS中一致)
       返回到舞台,插入新的图层并将其命名为 AS。在AS图层的第1帧中添加以下 ActionScript 代码:
       例一:歌曲选择播放

my_list.change = function(evt:Object) {
   dz=evt.target.selectedItem.data//MP3地址
   mc=evt.target.selectedItem.label//歌曲名
   yy= new Sound();
   yy.loadSound(dz, true);
};
my_list.addEventListener("change", my_list);
       例二:博客选择浏览
my_list.change = function(evt:Object) {
    getURL(evt.target.selectedItem.data, "_blank");
};
my_list.addEventListener("change", my_list);
    4、自定义组件样式(可以不要)
       操作:点舞台的组件图形--点“动作”--添加以下 ActionScript 代码:

       注意:不是“动作-帧”
onClipEvent (load) {
//文本框部分
// this.color= 0x0000FF//文本颜色,默认的颜色为黑色
 this.setStyle("fontSize",12)//字体的磅值。默认值为 10。
// this.setStyle("textAlign","center")

//文本对齐方式:"left"、"right" 或 "center"。默认值为 "left"。
 this.setStyle("backgroundColor", 0xB7F0B0);//背景颜色。默认的颜色为白色
 this.setStyle("textRollOverColor", 0xFF0000);

//指针在文本上滑过时文本的颜色。默认值为 0x2B333C(深灰)。
 this.setStyle("textSelectedColor", "magenta");

// 所选行的文本颜色。默认值为 0x005F33(深灰)。
// this.setStyle("borderCapColor", 0xAD9E1F);//两边边框
// this.setStyle("buttonColor", 0xAD9E1F);//上边边框
// this.setStyle("borderColor", 0xAD9E1F);//下边边框
// this.setStyle("highlightColor", "0x0000FF");//上内边框
// this.setStyle("shadowCapColor", "0x0000FF");//两边内边框
// this.setStyle("shadowColor", "0x0000FF");//下内边框
//滚动条部分 
//库里ScrollBar Assets文件夹中的HScrollBarAssets或ScrollBarAssets或
// VScrollBarAssets影片剪辑的“链接”-“在第一帧导出”处选中(打勾)
//以下设置才有效
    this.setStyle("scrollTrackColor", 0xB1EFC4);//轨迹背景
 this.setStyle("symbolColor", "red");//箭头颜色
 this.setStyle("highlightColor", 0x82E357);//按钮颜色
 this.setStyle("borderColor", 0x49AF1D);//阴影外颜色
 this.setStyle("shadowColor", 0xA88535);//阴影内颜色
}

    简要说明:
    Flash 安装了两个主题:"光晕"和"范例"。"光晕"主题是组件的默认主题。因此,如果要使用"范例"主题,您需要将当前主题从"光晕"切换到"范例"。
    “文本框部分”属于"光晕"主题。
    “滚动条部分”属于"范例"主题。
    在没有“切换”之前,“滚动条部分”的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影片剪辑--选择"链接"--选中"在第一帧导出"--单击"确定"。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约