首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > Flash教程 > 正文
Google
flash下拉列表(comboBox)
来源:闪吧 作者:smallerbird 2007年12月27日 13:39 网友评论:0条 点击:
效果:

有关下拉菜单不能自动缩放的问题,不知道大家有没有注意到?我们用的操作系统的下拉菜单,当出现下拉菜单的时候,怎样才会消失下拉菜单?答案是点击其它的页面,就是在以外的页面加一个代码,把出现的下拉菜单清除掉,当然也有其它方法就是用鼠标离开的那个事件,不过我觉得有时候flash反应慢的话就达到预期的效果。

/*
www.mygamemylove.com 原创flash教程
我的经验与您分享
email:mygamemylove@qq.com
*/
//画矩形
function createRectangle(x:Number, y:Number, w:Number, h:Number, mc:MovieClip) {
mc.beginFill(0xffffff);
mc.moveTo(x, y);
mc.lineTo(x+w, y);
mc.lineTo(x+w, y+h);
mc.lineTo(x, y+h);
mc.lineTo(x, y);
mc.endFill();
}
//
var mygamemylove_com:Object=new Object()
//_mc 附加的下拉列表模板,模板要注意的几点:1.下拉列表的背景:库:"buton"元件,它有3种状态:鼠标点击,放上面,离开。2.库"下拉菜单组件"元件,里的那个mc的名称必须为:mcXiaLa
//详情最好参看源文件。下载地址:http://www.mygamemylove.com/121.html
//arrList 数据列表 
//点击某一个表单要处理的动作 
//例子
//var arrTem:Array = [{label:"写真自拍", data:1}, {label:"生活娱乐", data:2}, {label:"自然风景", data:3}, {label:"科技时代", data:4}];
//mygamemylove_com.iniDropList(mcXiaLa, arrTem, function () {
//trace(mcXiaLa.value);
//});
mygamemylove_com.iniDropList = function(_mc:MovieClip, arrList:Array, funWhenPress:Function) {
//生成文本
_mc.setTxt = function(target_mc:MovieClip, strTalkYor:String, x:Number, y:Number, color1:Number) {
  target_mc.createTextField("my_txt", 1, x, y, 100, 30);
  target_mc.my_txt.multiline = true;
  //
  target_mc.my_txt.selectable = false;
  //指示文本字段是否为多行文本字段
  target_mc.my_txt.wordWrap = true;
  //是否自动换行
  target_mc.my_txt.my_fmt = new TextFormat();
  target_mc.my_txt.my_fmt.color = color1;
  //颜色
  //target_mc.my_txt.my_fmt.underline = true;
  //下划线
  target_mc.my_txt.my_fmt.bold = true;
  //加粗
  target_mc.my_txt.my_fmt.font = "Arial";
  //
  target_mc.my_txt.text = strTalkYor;
  target_mc.my_txt.setTextFormat(target_mc.my_txt.my_fmt);
};
//
_mc.arrList = arrList;
//
_mc.setTxt(_mc, _mc.arrList[0].label, 0, 0, 0);
//
_mc.value = _mc.arrList[0].data;
//
_mc.mcXiaLa.gotoAndStop(1);
_mc.mcXiaLa.onRollOver = function() {
  //生成一个背景,目的在于,可以屏蔽掉如果它的下边有一些按键的问题
  //flash背景调到灰色你可以看到这个白框。
  this._parent.createEmptyMovieClip("mcBak", 2);
  createRectangle(0, 23, 100, this._parent.arrList.length*24, this._parent.mcBak);
  this._parent.mcBak.onRelease = function() {
  };
  //
  this.gotoAndStop(2);
  //
  this._parent.createEmptyMovieClip("mcRongQi", 3);
  var numStarY:Number = 24;
  //显示列表。
  for (var i:Number = 0; i<this._parent.arrList.length; i++) {
   var mcTem:MovieClip = this._parent.mcRongQi.attachMovie("buton", "buton"+i, this._parent.mcRongQi.getNextHighestDepth(), {_y:numStarY*(i+1), _width:_mc.mcXiaLa._width, value:_mc.arrList.data, numI:i});
   //
   //
   this._parent.setTxt(mcTem, _mc.arrList.label, 0, 0, 0);
   //
   mcTem.gotoAndStop(1);
   mcTem.onRollOver = function() {
    this.gotoAndStop(2);
   };
   mcTem.onRollOut = function() {
    this.gotoAndStop(1);
   };
   mcTem.onPress = function() {
    this.gotoAndStop(3);
    //
    this._parent._parent.my_txt.text = this._parent._parent.arrList[this.numI].label;
    this._parent._parent.value = this._parent._parent.arrList[this.numI].data;
    //
    funWhenPress();
    //
    this._parent._parent.mcBak.removeMovieClip();
    //
    this._parent.removeMovieClip();
   };
   mcTem.onRelease = function() {
    this.gotoAndStop(1);
   };
  }
  //
};
_mc.mcXiaLa.onRollOut = function() {
  this.gotoAndStop(1);
};
_mc.mcXiaLa.onPress = function() {
  this.gotoAndStop(3);
};
_mc.mcXiaLa.onRelease = function() {
  this.gotoAndStop(1);
  //
};
//  
};
//###################main####################################
//详情最好参看源文件。下载地址:http://www.mygamemylove.com/121.html
//下拉列表,图片分类
var arrTem:Array = [{label:"写真自拍", data:1}, {label:"生活娱乐", data:2}, {label:"自然风景", data:3}, {label:"科技时代", data:4}];
mygamemylove_com.iniDropList(mcXiaLa, arrTem, function () {
//trace(mcXiaLa.value);
});
效果及源代码下载
上一篇:格斗动画的概念设计   下一篇:Flash制作星座查询器
收藏此页】【打印】【关闭
 相关文章  我要点评
·FLASH小游戏开发 第七节
·让"Flash" 写文件(AS3)
·渐退方格效果(AS3)
·BitmapData与Matrix类打造超酷逼真水波效果
·flash中图形位置的半像素渲染问题
·婚纱影楼首页flash入口页设计大赛
·FLASH打造较酷菜单效果
·70多行颜色配对游戏Demo

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】