2020-04-22 20:14发布
版本：Axure RP Pro 6 汉化版
Axure 作为一款原型工具，能够帮助我们快速的设计原型，从而将产品人员的想法快速准确的传递给技术人员。
我们希望的最终效果如下图：
比较便捷的方法是通过“动态面板” （Dynamic Panels）来实现。
首先创建一个空白的“动态面板”，然后在 State 1 中开始绘制我们需要的样式。
给动态面板添加需要的标签
然后在标签中分别按需求绘制出需要的样式。
下面就是最关键的一步，让这些元素都关联起来。
首先选中一个 Tab（商品详情），然后单击右侧的 OnClick单击事件，在弹出的窗口中选中 设置动态面板状态为指定状态（Set panel state to state）。选中对应的状态，确定就OK 了。
然后，依次修改其他Tab的样式并关联到对应的动态面板。
这样就完成了 Tab 效果的切换。
其实 Axure 这款软件的易用性比较不错，上手很快，但是一些更复杂的效果就需要花费点时间研究了。原型作为一个中间过渡的产品，其价值就在于传递产品的设计和使用理念。
对于页面底部不能随着Tab的切换而改变，原因在于我绘制动态面板样式的时候，没有将底部考虑在内，应该在一开始的State1里绘制面板的时候就应该讲侧边栏及底部考虑在内。
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 天天 的问题《Axure中两个板块的切换效果怎么做？》','http://www.shouhuola.com/answer/7412/140717.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
版本：Axure RP Pro 6 汉化版
Axure 作为一款原型工具，能够帮助我们快速的设计原型，从而将产品人员的想法快速准确的传递给技术人员。
我们希望的最终效果如下图：
比较便捷的方法是通过“动态面板” （Dynamic Panels）来实现。
首先创建一个空白的“动态面板”，然后在 State 1 中开始绘制我们需要的样式。
给动态面板添加需要的标签
然后在标签中分别按需求绘制出需要的样式。
下面就是最关键的一步，让这些元素都关联起来。
首先选中一个 Tab（商品详情），然后单击右侧的 OnClick单击事件，在弹出的窗口中选中 设置动态面板状态为指定状态（Set panel state to state）。选中对应的状态，确定就OK 了。
然后，依次修改其他Tab的样式并关联到对应的动态面板。
这样就完成了 Tab 效果的切换。
其实 Axure 这款软件的易用性比较不错，上手很快，但是一些更复杂的效果就需要花费点时间研究了。原型作为一个中间过渡的产品，其价值就在于传递产品的设计和使用理念。
对于页面底部不能随着Tab的切换而改变，原因在于我绘制动态面板样式的时候，没有将底部考虑在内，应该在一开始的State1里绘制面板的时候就应该讲侧边栏及底部考虑在内。
一周热门 更多>