axure动态面板
最近转管理岗了,作为项目负责人,需要常常与客户交流沟通,这时候画原型的能力就是不可或缺的本领之一了,关于axure可能很多it行业者都不是很陌生,简单的功能呢大家就自行去摸索,我们这次从动态面板开始讲起。切记到操作动态面板时一直要进入盒子内部操作,在盒子外部操作是没有任何效果的。
一、动态面板的遮罩
动态面板我们可以将其理解为一个盒子,当需要展示的元件在盒子内,将会展示,若展示的元件一半在盒子内一半在盒子外,这时候只会展示盒子内的部分,这时间就实现的遮罩的效果。
1、创建一个动态面板
双击进入盒子内部
在盒子内部放入一个元件。
此时我们预览效果是正常展示的。
当我将元件一半移到盒子外面时,这时候遮罩效果就展现出来了。
如果我们想加大动态面板的范围,直接从盒子里退出来,拖动边框就好。
二、浮窗
在原型制作时我们常常用有这样的要求,当鼠标放置在某个元件上时会展示提示信息,当然实现这个功能的方法有很多,这次我们主要用动态面板来做。
1、创建一个帮助文档,并给其加上提示信息。
2、将提示框转换为动态面板,并将其重命名为提示信息,并将其设置为隐藏
3、给帮助文档设置交互,设置鼠标移入时展示提示信息,移除时则隐藏。
4、展示效果。
三、轮播
我们这次讲轮播功能,其中最主要是要将动态面板最核心的功能,层的概念引出来。
1、创建一个轮播的框框将其设为动态面板。
2、进入动态面板,将其加四层。
3、后面三层复制第一层的内容,改变填充颜色。注意下面圈圈底色也要跟着变动。
4、设置交互。选择页面载入时,往后滑动并且循环。
这个就能达到页面自动滚动轮播图片的效果。
四、拖动
动态面板还有一个常用的功能就行拖动了。
我们在页面创建一个矩形,将其设置为动态面
设置拖动时,选择移动。
此时矩形在页面就可以自由的移动了,当然我们也可以设置矩形只能移动的方位,这个就让大家自己慢慢摸索了。