contextmenu 动画

simon1990 2013-03-05 02:27:44

目的：我想给contextmenu做个动画，让它从高度为0变为高度为当前实际的高度，就是有一种combobox的感觉。
问题：menuitem的个数不定，contextmenu的高度要随之改变做动画时不知道TO的值。
我的解决方法：我把动画的from 设为0，to设为contextmenu.actualheight，
我处理后的问题：初始化控件之后actualheight就不变了，比如第一次点击时，contextmenu高度为四个menuitem的
高度，等到我隐藏掉一个item想显示三个itme的时候，再点击，contextmenu还是四个menuitem的高度。有的时候初始化为三个item，再加进来一个的时候高度还是三个，我不用动画写一点问题没有，一加上动画就是这个问题。。。头痛。。。

...全文

55 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

iOS 动画菜单 ContextMenu.iOS ,ContextMenu.iOS是一款效果很好的动画菜单，支持高度的自定义，适用于多种类型例如社交类应...

注意： rctx-contextmenu支持 React 16.8 及以上版本，因为该插件仅使用 React Hooks。 rctx-上下文菜单 React 的上下文菜单插件。 | 问题 :hushed_face: 很多时候您想要自定义右键菜单或上下文菜单。可能您想添加更多自定义选项，甚至具有与原生上下文菜单相同的外观和感觉的子选项。解决方案 :grinning_face_with_smiling_eyes: rctx-contextmenu提供了自定义上下文菜单的灵活性。您可以添加与使用本机上下文菜单时完全相同的外观和感觉的选项、子选项。主要特征附加到您想要的任何位置随心所欲地自定义样式内置动画广泛的 API 列表动态添加/删除菜单浏览器支持 IE 11 和 Edge >= 12 火狐 >= 38 Chrome >= 47 目录蜜蜂造型贡献执照安装 npm install --save rctx-contextmenu 示例用法

来源：github/Context-Menu.iOSLicence：MIT作者：Yalantis ContextMenu.iOS是一款效果很好的动画菜单，支持高度的自定义，适用于多种类型例如社交类应用的评论和赞等。支持屏幕旋转。

类似于浏览器窗口一样的路由切换逻辑，看着还是挺高大上的，本以为有很多高级的玩意儿，奈何复杂的东西总是由简单的东西拼接而成的，这个功能也不例外。本篇文章主要描述两个问题：如何实现这种Tab标签页的路由效果如何为路由切换添加转场动画。该功能的开发主要使用到 AntDesignVue 组件库的Tab组件和 Animate.css 效果如下： Tab标签页实现首先是该组件的模板部分， ContextMenu 组件是我们自定义的右键菜单，后面会说到。 a-tabs 组件则是 ant 的组件，具体用法不详述，可以查看官方文档。还有一个 PageToggleTransition 组件，是我们

1： for(i=1;i<11;i++){ duplicateMovieClip("v0","v"+i,i); _root["v"+i].factor=-360/10*i; _root["v"+i].gotoAndStop(i+1); } this.earth._alpha=0; for(i=1;i<7;i++){ duplicateMovieClip("a0","a0"+i,10+i); _root["a0"+i].factor=-360/6*i; _root["a0"+i].gotoAndStop(i+1); } this.earth1._alpha=0 for(j=1;j<7;j++){ duplicateMovieClip("b0","b0"+j,16+j); _root["b0"+j].factor=-360/6*j; _root["b0"+j].gotoAndStop(j+1); } this.earth2._alpha=0 2： my_cm = new ContextMenu(); my_cm.hideBuiltInItems(); my_cm.customItems.push(new ContextMenuItem("欢迎点击进入My LOVER'S 空间~~~!", menu1)); function menu1(obj, item) { getURL("http://user.qzone.qq.com/857448367", "_blank"); } _root.menu = my_cm; 3： var sceneWidth =700;//场景的宽 var sceneHeight=550;//场景的高 var sideDisWidth = Stage.width/2-sceneWidth/2;//定义变量 var sideDisHeight = Stage.height/2-sceneHeight/2;//定义变量 var time = new Date();//建一个新的时间对象 var month=time.getMonth()+1; _root.createEmptyMovieClip("masker", -2);//创建空影片剪辑masker，层深-2.定义场景的样式 with (masker) {//设置masker这个空MC的动作。画场景边框及填充色． lineStyle(1, 0x999999, 0);//线条颜色 beginFill(0xcccccc, 00);//绘制矩形闭合路径，并填充灰色,透明度为100． moveTo(sideDisWidth, sideDisHeight);//绘制起点 lineTo(sideDisWidth+sceneWidth, sideDisHeight);//绘制的右上角点的位置 lineTo(sideDisWidth+sceneWidth, sideDisHeight+sceneHeight);//绘制的右下角点的位置 lineTo(sideDisWidth, sideDisHeight+sceneHeight);//绘制的左下角点的位置 lineTo(sideDisWidth, sideDisHeight);//绘制的左上角点的位置 endFill();//结束绘制 } //------------签名的代码-------------- _root.createEmptyMovieClip("myMC", 30);//创建作为现有影片剪辑子级的空影片剪辑myMC,层深10 with (myMC) {//影片剪辑myMC的属性 var infor:TextField = myMC.createTextField("infor", 1, sideDisWidth+sceneWidth-100, sideDisHeight+sceneHeight, 100, 20);//创建文本字段并附给infor infor.autoSize="right";//文本字段的自动大小调整和对齐 infor.selectable=false;//文本字段是否可编辑。false为不可编辑 infor.textColor = 0x999999;//文本颜色 infor.text ="瞬間'd.感覺 "+time.getFullYear()+"年"+month+"月"+time.getDate()+"日 "; }

110,536

社区成员

642,578

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧

+ 用AI写文章