童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure实例:创建浏览器顶部固定菜单及子菜单

6月10日 飞虹谷投稿
  文章分享了一个运用Axure创建浏览器顶部固定菜单及子菜单的例子,和各位PM分享,希望能帮到一些需要的朋友。
  在下是个axure新手,要用axure实现下面一个功能:
  1。让菜单固定在浏览器顶部(如果仅仅是这个功能,那么可以用动态面板里面装Menuitem直接固定在浏览器顶部);
  2。菜单有下拉的子菜单(如果用了动态面板,除非动态面板的高度大于子菜单弹出时的高度,否则显示不出子菜单,但是如果一开始把动态面板的高度设置的很高,就会导致挡住网页正文的内容,导致网页的正文内容无法选中,无法复制)。
  我就试着寻找,除了动态面板,是否有其他组件,可以固定在浏览器顶部,且不影响菜单的下拉子菜单弹出,但是我并没有找到。
  后来,我想到了一个解决的办法:
  还是用动态面板,包裹Menuitem,然后给Menuitem设置子菜单,然后在axure中选中某个菜单项目,就会弹出子菜单
  (图1,选中其中一个菜单项目,弹出了子菜单)
  然后选中整个子菜单:
  (图2,这是选中子菜单后,子菜单周围有一个边框包裹着它)
  然后在右边的属性窗口,做如下设置:
  (图3,子菜单的属性设置窗口)
  这里的【顶部菜单按钮】就是我包裹菜单的动态面板的名称,当鼠标移动到Menuitem上,会自动显示出子菜单,那么我们让子菜单在显示的时候,改变包裹菜单的动态面板的高度,从而让整个菜单能完整的显示出来,然后当我们的鼠标离开子菜单的时候,子菜单就会自动隐藏,从而触发【隐藏时】这个事件,然后设置动态面板的尺寸回到原始尺寸,这时候,就不会影响我们选择页面其他元素了。
  update:20170222
  最新研究出的方法,快速调整动态面板的宽度:
  直接选中包裹菜单的动态面板,鼠标右键,设置【自动调整为内容尺寸】
  完毕。
  我学做PM的时候,woshipm上很多朋友热心帮过我,现在分享下,希望能帮到一些需要的朋友。
投诉 评论 转载

Axure7。0实例:利用Axure制作放大镜原型工欲善其事,必先利其器。作者分享了自己做放大镜原型的过程,希望给大家带来一些参考。我是刚应聘产品助理的实习生,本身是学开发的,由于兴趣爱好,选择从事产品行业,工欲善其事,……Axure实例:创建浏览器顶部固定菜单及子菜单文章分享了一个运用Axure创建浏览器顶部固定菜单及子菜单的例子,和各位PM分享,希望能帮到一些需要的朋友。在下是个axure新手,要用axure实现下面一个功能:……Axure原型教程:利用Axure制作剪刀石头布小游戏文章分享了如何利用Axure制作剪刀石头布的小游戏,与大家分享,相信大家一定会有所收获。教你用Axure做个剪刀石头布的小游戏。先睹为快:【点我预览】教程开始……Axure8。0教程:制作一个带有tab选项栏的滚动区大家好,这一次所要分享实现的效果就是:纵向滑动移动端屏幕,内容向上滚动直至tab选项栏到达顶部时,tab选项栏固定在顶部,而tab选项栏下内容继续滚动。由于这里使用了上一篇文章……Axure8。0实例:复选框的应用很多业务系统之中都会有以列表的形式展现数据的情况,那么问题来了,对列表选择时会出现多选、全选、反选的问题,今天就来叨一叨如何使用axure原型工具实现复选框的多选、全选和反选。……Axure教程:12306图片验证码的实现(随机可验证)网上关于12306图片验证码的吐槽已经是铺天盖地,当然,现在的12306图片验证码已经不像以前那么变态了。不过鹏哥心里一直有个心结,纵使它如何变态,我都想用Axure把它画出来……在全球化流程中,如何给原型设计加分?全球化是一种不可抵挡的潮流。信息技术行业随着全球化的发展不断的状大,软件开发现在也越来越显示出全球化的趋势。前有TubikStudio这种设计公司,后有Dribbble、……Axure干货制作移动APP端的左侧滑菜单原型工具有多种,为何我确对Axure情有独钟?看了你就明白他的强大。本文重点是自己制作经验分享,视觉元素是次要(自己搞的界面,欢迎UI同学提上你的宝贵意见)。本次教程分享……Axure教程:可使用的计算器demo制作(下)上篇文章《Axure教程:可使用的计算器demo制作(上)》,讲完了数字键0、19以及其他几个键的事件设置,这篇文章补充讲完键、键的事件写法,完成整个计算器demo的制作,建议……如何在AxureRP8中规范使用FontAwesome图标库今天简单分享一下在AxureRP8中如何使用FontAwesome图标库完成设计。在做交互设计的时候,作为产品设计师我们常常需要用一些标准的图标库,通过导入现成的图标可以……Axure教程:用中继器和日期函数实现万年历对于万年历的概念,大家已经非常熟悉了,尤其临近节假日的时候,我们会习惯去查看日历上的放假安排,但是经常觉得很坑爹啊有木有,不过这是题外话了。今天这个案例就和万年历有关,教大家使……Axure教程:多账户的登录验证登录注册是一个系统的门户,做好登录注册是第一步。对于尚未接触学习中继器组件的小伙伴,可通过使用全局变量实现多账户的登录验证与注册。话不多说,下手来干~关系组件……
亚马逊Echo发家史(上):入行搅局、三维部署和挑落霸主习惯养成APP调查报告:好习惯是一种生活方式摩拜单车运营策略的复盘及思考教你如何在面试中用10分钟快速分析一款产品今日头条:算法推荐人工干预已成大势所趋定制版的三星阅读,究竟是一款怎样的移动阅读软件?对微医和好大夫在线的简单分析:现有的医疗产品有待提高竞品分析:三足鼎立下的短视频行业分析TIM移动端产品体验报告:不谈社交,来谈谈效率地图服务App分析报告“准时保”和“准时达”所代表的配送体验保障服务,是否会成为外深度分析:亚马逊Alexa1。5万技能的全面剖析

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界