5分钟玩转Axure之动态面板(进阶) |
您所在的位置:网站首页 › axure设置动态面板,点击没有反映 › 5分钟玩转Axure之动态面板(进阶) |
动态面板进阶篇
什么是动态面板了解动态面板动态面板典型应用场景1、轮播图2、动态菜单3、tab页签切换效果
总结
什么是动态面板
Axure官方给出的解释: 动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件,任何时候都只有一个状态可见。 由上面的解释,我们可以注意到“状态”是动态面板的核心,一切的交互都是围绕着其进行展开的。这节,我们只讲解动态面板的使用,暂不插入动态面板和其它进阶控件的联用。等到进阶控件的使用都讲解完了,我会专门写一篇关于进阶控件联用的思路供大家参考。 了解动态面板
轮播图大家应该不陌生,随便进一个网站的首页就能查看到轮播图的示例。以csdn的首页我们可以看到如下效果:
![]() ![]() ![]() 动态菜单这块,大家应该也接触过不少。主要分为侧面菜单和顶部菜单。我们讲解下难度稍微大点的侧面动态菜单的使用。 ![]() 一般动态面板还可以应用于弹层效果、浮窗效果、效验等等,这些其实也可以归结于状态的改变。这边就以tab页签为例讲解下,其实换汤不换药,中心思想是一样的。只要你学会轮播图这些其实都是相通的,不过轮播图相对复杂一点,我这边在穿插这个较为简单的页签切换效果。 理解tab页签的切换思想,点击一个tab下面的内容随之改变,这边我们可以拆分为几个按钮和一个动态面板之间的交互即可。 先建立两个tab页签命名为tab1和tab2拖出一个动态面板建立两个状态tab1详情和tab2详情建立交互当点击tab1是设置动态面板的状态为tab1详情;点击tab2是设置动态面板的状态为tab2详情。![]() 可能很多同学会发出疑惑,我为什么要用动态面板?我不是用动态面板我照样实现很多交互,感觉还很容易实现些。其实并不是非得使用动态面板来实现交互效果,具体场景具体分析。同一种交互实现的方法也不尽相同。不过在大型的系统里、在高保真原型里可能交互会比较复杂,同一个页面涉及到的状态管理也比较多,动态面板提供了比较好的状态管理,灵活使用不仅能提高绘制效率,也能提供一个清晰的页面结构和保证预览的速度。 本篇博客所做的演示 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |