一、axure浏览器顶部固定知识点:
1、准备一个动态面板放置在页面,进入动态面板。
2、在动态面板中放置,一个矩形当顶部容器,将两个图片放置于容器中。
3、退出动态面板,返回主页,右击动态面板,设置固定到浏览器,点击页面空白处,设置交互样式中窗口滚动时,添加条件,选择值,选择window.scrolly,大于选定值时,一个图像设置图像,导入,改变该图像。设置另一个,大小变小。
4、返回主页,设置交互样式,滚动时,添加条件,选择值,选择window.scrolly,小于等于固定值,一个图像设置恢复原图像。另一个图像设置大小恢复。
二、axure之浏览器轮播图知识点:
1、放置一个动态面板,进入动态面板,设置多个面板状态,进入其中一个面板状态,放置一张要轮播的图片,和小圆点用于控制,(其余几个面板状态,做相同设置)。
2、返回主页,点击页面空白处,设置属性,设置页面载入时,设置面板状态,设置小圆点和图片,向下循环。
3、进入动态面,,小圆点设置,属性,鼠标点击时,其余几个页面也设置鼠标点击这个小圆点时,页面跳转,暂停一段时间后,继续循环(其余小圆点,做相同设置)。(小圆点与图片融合在一起,动画跳转时,不真实,可以小圆点单独设置动态面板)。
3.1、小圆点简化设置,可于主页,在小圆点放置热区,数量与小圆点相同。
3.2、点击小圆点所在热区,属性,设置鼠标单击时,轮播图和小圆点到相应位置,等待几秒,继续循环,其余几个热区同样设置,可大量提升效率。
4、设置鼠标放置,轮播停止,鼠标移开,轮播继续,点击动态面板,属性,设置鼠标移入时,设置面板状态,小圆点和图片,中止循环。设置鼠标移出时,设置动态面板,小圆点和图片继续循环。
5、设置图片,前一张,和后一张,放置前一张图标于动态面板,设为隐藏,设置,属性,鼠标移入时,显示,前一张图标显示。(后一张图标设置同理)。
三、提交内容至另一页面功能实现知识点:
1、进入第一个页面,放置一个文本输入框,和一个按钮。
2、点击按钮,设置,属性,设置,鼠标单击时,添加全局变量,设置变量值,为部件,选着文本输入框,然后设置,连接跳转至另一页面。
3、进入另一页面,放入一个接受值的部件,点击页面空白处,点击,属性,页面载入时,设置文本,点击变量值,为刚才的全局变量。
axure动效设计
最新推荐文章于 2024-09-20 20:35:48 发布