惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 三生石上(FineUI控件)
博客园 - 聂微东
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Hugging Face - Blog
Hugging Face - Blog
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - Franky
MyScale Blog
MyScale Blog
A
About on SuperTechFans
博客园_首页
B
Blog RSS Feed
Martin Fowler
Martin Fowler
大猫的无限游戏
大猫的无限游戏
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Vercel News
Vercel News
C
Check Point Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
博客园 - 【当耐特】
M
MIT News - Artificial intelligence
宝玉的分享
宝玉的分享
T
Tailwind CSS Blog
I
InfoQ
罗磊的独立博客

热爱生活与梦想

迁移LeanCloud的Waline评论数据到TiDB/Neon 25年江浙地区暑假自驾游之感慨 使用阿里云灵码继续完成构建 SSL 证书管理器 亲手给儿子做的棒棒糖摩天轮六一礼物 使用腾讯云 CodeBuddy 构建 SSL 证书管理器 修复代码块默认高度相关缺陷 HugoNexT4.7.2 新功能和升级提示 改善代码块折叠和选中功能 支持Github风格的警告样式 新增音乐短代码功能支持 给文章添加摘要和过期提示功能 回顾24年的过去总结 修复Mathjax行内显示公式的问题 给Hugo文章增加阅读更多跳转的锚点定位功能 Win10隐匿的VPN设置和L2TP连接常见错误 Go语言中“糟糕”的日期时间格式化设计 DaoCloud道客提供的免费Docker镜像代理服务 感谢万能淘宝让自己吃到喜欢的美食 WSL运行时遇到未知异常错误无法使用 隐藏的换行符导致Base64加密解密失败 MySQL自带客户端直接免密登录操作 Linux系统中删除目录软链接的注意项 Java程序调用外网API时CA问题 如何不关机重启WSL2恢复虚拟服务 在Windows上安装Podman容器平台做虚拟化 记一次无法弹出移动硬盘的记录 为友情链接添加自动检测脚本 重新激活Github的2FA认证 Linux中使用tar压缩命令排除文件 继续小米手环的健康生活之旅
Axure教程:动态面板内容超出界线显示
凡梦星尘再平凡的人也有属于他的梦想 ✨ · 2018-03-12 · via 热爱生活与梦想

温馨提醒

问题

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

axure-state-auto-display01.png

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

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

解决方案

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

顶层设置

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

axure-state-auto-display02.png

面板自适应

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

axure-state-auto-display03.png

效果预览

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

axure-state-auto-display04.png

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