最近在公司使用axure做原型设计,记录下学习进度和遇到的问题处理方法
今天写下使用动态面板制作tab切换效果
效果如下:切换栏目1,2,3分别显示不同的页面
步骤:
1.在页面添加导航栏,并设置按钮的shape name为tab1,tab2,tab3
2.在导航栏下面添加动态面板,命名为tab选项制作,并给动态面板添加三个状态state,命名为1,2,3,
3.在不同状态面板中添加响应的展示页面
4.设置按钮的onclick事件,按下按钮时选择state1,并设置select为tab1
5.按照该设置方法对tab2和tab3进行响应的设置
完成!
————————————————————分割线————————————
遇到的问题
在做tab时想要达到效果:点击栏目1,栏目1颜色变深,点击栏目2,栏目1颜色恢复,栏目2颜色变深。但是出现了如下效果
点击不同按钮后,颜色不恢复了
解决方案:将这三个按钮设置成按钮组即可
本文介绍了如何使用Axure的动态面板功能创建Tab切换效果。通过设置形状名称、动态面板状态及交互事件,成功实现在切换不同栏目时显示不同页面。在实现过程中遇到按钮颜色切换问题,通过将按钮设置为按钮组解决了问题。


被折叠的 条评论
为什么被折叠?



