Axure教程:用动态面板制作Tab切换

来源: 未知 作者:admin 编辑:admin 2019-11-26 18:29

  每天进步一点,离大神的目标又近了一些。小教程小经验,只是为了提高你的技能水平,把学到的经验灵活的运用到你的交互设计上,才是迈入大神圈子的第一步。动态面板是一个非常有用组件,不但具有多页面属性,还具有绝对定位,溢出滚动等多种超强属性,所以动态面板的运用是必须要掌握的axure 技巧。

  去掉3个边,只留下下单边,如果你用的我的《快速原型组件库》,可以直接拖入“下单边矩形”,设置一下尺寸为100×40(尺寸这种东西,可以按自己需求来,下同),起个名字Tab1(给原件起名字这个习惯一定要养成,方便自己,也方便别人)。

  选项组的功能,一般用在表单的单选框上,相同的选项组,可以联动单选。此处,我们可以将普通元件编组,同样让其具有单选框的效果。

  复制多个Tab标签,一字排开,分别改下名称,便于识别,Tab1、Tab2、Tab3;把Tab1的选中勾上 ,Tab2和Tab3的选中都去掉。

  设置一下尺寸300191(根据你的需求来可以),简单调下演示,输入文字,便于效果区别。

  效果是有了,但从Tab3切换到Tab2的运动逻辑似乎不大合理,接下来我们添加判断条件让动画看起来更符合逻辑。

  与tab3切换至tab2的动作原理相同,从tab2切换到tab1的动作也应该复制动作加个条件判断吧

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

关于北方网 | 广告服务 | 诚聘英才 | 联系我们 | 网站律师 | 设为首页 | 关于小狼
| 违法和不良信息举报电话:| 举报邮箱:jubao@staff.enorth.cn | 举报平台

Power by DedeCms
本网站由韩游网_韩国旅行门户网站版权所有