当前位置: 首页> 健康> 美食 > axure动态面板

axure动态面板

时间:2025/7/12 4:51:37来源:https://blog.csdn.net/HUJIANLAILE/article/details/141998576 浏览次数:0次

最近转管理岗了,作为项目负责人,需要常常与客户交流沟通,这时候画原型的能力就是不可或缺的本领之一了,关于axure可能很多it行业者都不是很陌生,简单的功能呢大家就自行去摸索,我们这次从动态面板开始讲起。切记到操作动态面板时一直要进入盒子内部操作,在盒子外部操作是没有任何效果的。

一、动态面板的遮罩

动态面板我们可以将其理解为一个盒子,当需要展示的元件在盒子内,将会展示,若展示的元件一半在盒子内一半在盒子外,这时候只会展示盒子内的部分,这时间就实现的遮罩的效果。

1、创建一个动态面板

双击进入盒子内部
在这里插入图片描述
在盒子内部放入一个元件。
在这里插入图片描述
此时我们预览效果是正常展示的。
在这里插入图片描述
当我将元件一半移到盒子外面时,这时候遮罩效果就展现出来了。
在这里插入图片描述
如果我们想加大动态面板的范围,直接从盒子里退出来,拖动边框就好。
在这里插入图片描述
在这里插入图片描述

二、浮窗

在原型制作时我们常常用有这样的要求,当鼠标放置在某个元件上时会展示提示信息,当然实现这个功能的方法有很多,这次我们主要用动态面板来做。
1、创建一个帮助文档,并给其加上提示信息。
在这里插入图片描述
2、将提示框转换为动态面板,并将其重命名为提示信息,并将其设置为隐藏
在这里插入图片描述
3、给帮助文档设置交互,设置鼠标移入时展示提示信息,移除时则隐藏。在这里插入图片描述
4、展示效果。
在这里插入图片描述

三、轮播

我们这次讲轮播功能,其中最主要是要将动态面板最核心的功能,层的概念引出来。
1、创建一个轮播的框框将其设为动态面板。
在这里插入图片描述
2、进入动态面板,将其加四层。
在这里插入图片描述
3、后面三层复制第一层的内容,改变填充颜色。注意下面圈圈底色也要跟着变动。
在这里插入图片描述
4、设置交互。选择页面载入时,往后滑动并且循环。
在这里插入图片描述

这个就能达到页面自动滚动轮播图片的效果。
在这里插入图片描述

四、拖动

动态面板还有一个常用的功能就行拖动了。
我们在页面创建一个矩形,将其设置为动态面
设置拖动时,选择移动。
在这里插入图片描述此时矩形在页面就可以自由的移动了,当然我们也可以设置矩形只能移动的方位,这个就让大家自己慢慢摸索了。

关键字:axure动态面板

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: