AxureRP教程–鼠标跟随效果

鼠标跟随效果可能不是很常见,应用的不多,因为大部分应用都是用在广告上,会让用户的体验变差,也有的比较炫的网站,带有特定的鼠标效果的,会有这样的鼠标跟随设置。

实现原理其实是将需要有鼠标跟随的区域设置成热区,整个热区分成几个小部分,每个小部分用一个矩形框来划分,并在上面设置OnMouseEnter事件,控制外面的图片移入热区,每个小部分都设置了之后,图片就会有跟随鼠标移动而移动的效果。

如果想控制的更精细一些,则只需细分热区就可以了,划分为更小的区块,不过这样设置的工作量也会提升,一般的可以将矩形控件设置为透明的,这样就不会挡住下面的内容显示,或者可以直接使用图片映射组件,这个组件在生成原型之后本身就是透明的。

这个效果基本上就是这样了,图片是用动态面板来实现的,这样就可以控制移动了,其他的设置比较简单,只要知道这个原理,做起来是很方便的,就是热区划分的太小的话,工作量会增加,详细的参见源文件吧。

这里移动的图片可以做成各种效果,来达到实际的要求。

示例在AxureRP 5.5版本下调试通过

 

点此查看演示

点此下载源文件



无觅相关文章插件,快速提升流量

评论已关闭!