Loving life and dreams.

Don't stop running forward!


  • 首页

  • 归档

  • 关于

  • 公益404

  • 搜索

Axure教程:动态面板内容超出界线显示

时间: 2018-03-12   |   分类: 产品   | 字数: 379 字 | 阅读: 1分钟 | 阅读次数:

问题

随着用户需求的不断更新,产品原型的设计也在不断迭代升级,那么是必会让整体的设计复杂增加,各中组件相互影响的因素就更多。这不现在就遇到在动态面板上显示一个隐藏的元件时,结果下拉的组件显示不完全了,真的好是郁闷,如下图所示:

axure-state-auto-display01.png

从问题的表象可以分析出主要的关键点如下:

  • 隐藏的元件图层位置,并不是最顶层,导致显示位置不对
  • 动态面板的大小,限制了隐藏元件显示的区域

解决方案

尝试过多次解决方案后,找到了个最优的办法,只要2个步骤即可,具体操作如下:

顶层设置

定位到显示隐藏元件的点击事件,在显示的时候同时将其至为顶层,如下图所示:

axure-state-auto-display02.png

面板自适应

定位到隐藏元件所在的面板,在面板的属性上,将自动调整为内容尺寸打勾,如下图所示:

axure-state-auto-display03.png

效果预览

操作完以上2步后,即可查看到如下的效果:

axure-state-auto-display04.png

OK,至此已经实现我们想要解决的问题,遇过问题可以多点点Axure的各种设置,会有预想不到的效果,哈~。

分享到: 0
QQ扫一扫交流

标题:Axure教程:动态面板内容超出界线显示

链接:https://lisenhui.cn/2018/03/12/axure-lightbox-shade/

作者:凡梦星尘

声明:本博客文章除特别声明外,均采用 CC BY-NC-SA 3.0许可协议,转载请注明出处!

创作实属不易,如有帮助,那就打赏博主些许茶钱吧 ^_^
WeChat Pay

微信打赏

Alipay

支付宝打赏

#Axure# #产品#
Win10常用的快捷操作方式
Axure教程:实现表格数据展示
  • 文章目录
  • 站点概览
凡梦星尘

凡梦星尘

再平凡的人也有属于他的梦想!

47 日志
29 分类
55 标签
GitHub 知乎
友情链接
  • Nutz
  • JFinal
  • Wendal
  • 廖雪峰
标签云
  • Ambari
  • API
  • Axure
  • CDH
  • CI
  • Coding
  • Git
  • GitHub
  • HDP
  • Hexo
  • Hive
  • hue
  • Hugo
  • IDE
  • Java
  • Juqery
  • KindEditor
  • Kylin
  • Linux
  • Mac
  • MapDB
  • Maven
  • Mirror
  • MPSDK4J
  • MyEclipse
  • NexT
  • Nifi
  • Nutz
  • OSChina
  • Python
  • Redis
  • RSR232
  • Servlet
  • Sqoop
  • SSH
  • Struts
  • Struts2
  • Supervisor
  • Travis
  • Windows
  • Zeppelin
  • Zookeeper
  • 产品
  • 内存数据库
  • 前端
  • 博客
  • 大数据
  • 学习
  • 定时调度
  • 工具
  • 微信
  • 技巧
  • 接口
  • 测试
  • 缓存
  • 顶层设置
  • 面板自适应
© 2010 - 2020 Loving life and dreams.
Powered by - Hugo v0.74.2
Theme by - NexT
Storage by 七牛云存储 | 粤ICP备18047355号
0%