Axure怎么制作控件随鼠标移动的效果?

百度经验   发布时间:2018-07-04 12:44:07   作者:goodbyte01   我要评论
Axure怎么制作控件随鼠标移动的效果?Axure中创建的方框和热区想要制作跟随鼠标移动的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

Axure中想要给空间添加一些效果,比如鼠标跟随,下面我们就来看看详细的教程,效果参考下图:

软件名称:
Axure RP v8.1.0.3382 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
83.2MB
更新时间:
2019-04-26立即下载

1、新建一个“方框”和“热区“,分别命名为:”方块“和”热区“,”方块“大小为:280*380,”热区“大小为:100*100,如图所示:

2、”方块“设置一个”命中“状态,用”虚线“状态来区别”移动“过程,如图所示:

3、”方块“设置一个”鼠标点击时“的动作,内容如下:

1)移动”热区“到指定位置(x,y),以鼠标的绝对位置为参考,比如:x=[[Cursor.x-50]],y=[[Cursor.y-50]]

2)移动”方块“到指定位置(x,y),以鼠标的绝对位置为参考,比如:x=[[Cursor.x-140]],y=[[Cursor.y-190]])

3)设置”方块“为”选中“状态

4、”热区“设置一个”鼠标移动时“的动作,内容如下:

1)移动”热区“到指定位置(x,y),以鼠标的绝对位置为参考,比如:x=[[Cursor.x-50]],y=[[Cursor.y-50]]

2)移动”方块“到指定位置(x,y),以鼠标的绝对位置为参考,比如:x=[[Cursor.x-140]],y=[[Cursor.y-190]])

3)设置”方块“为”选中“状态

热区“还需要设置一个”鼠标点击时“的动作,结束”移动“状态,内容如下:

1)移动”热区“到指定位置(x,y),任意位置, 比如:x=0,y=0

2)设置”方块“为”未选中“状态

5、动作设置完后,就可以看效果了,在”块“范围内点击鼠标后,”方块“就更随鼠标移动,再点击鼠标,”方块“停止移动,达成效果!

以上就是Axure控件随鼠标移动的效果的制作方法,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure怎么做表格随着鼠标移动改变颜色?

axure怎么设计鼠标移入移出显示或隐藏面板?

Axure菜单导航怎么添加鼠标选中变色的特效?

相关文章

  • Axure RP8.0怎么修改默认文件保存位置?

    Axure RP8.0怎么修改默认文件保存位置?Axure RP8.0发布文件默认保存的位置在c盘,想要换到其他盘保存,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-04-12
  • Axure怎么查看页面的代码? Axure查看页面源代码的两种方法

    Axure怎么查看页面的代码?Axure中制作的网页原型想要看看代码,该怎么查看代码呢?下面我们就来看看Axure查看页面源代码的两种方法,需要的朋友可以参考下
    2018-04-11
  • Axure全局辅助线和页面辅助线有什么区别?

    Axure全局辅助线和页面辅助线有什么区别?Axure中的辅助线有全局辅助线、页面辅助线、对齐辅助线、显示自适应视图辅助线,那么全局辅助线和页面辅助线有什么区别呢?下面我
    2018-04-09
  • Axure动态面板两种创建方法有什么区别?

    Axure动态面板两种创建方法有什么区别?Axure中经常使用东台面板,动态面板有两种创建方法,这两种创建方法有什么区别呢?下面我们就来看看详细的教程
    2018-04-08
  • axure怎么设计密码输入框的原型?

    axure怎么设计密码输入框的原型?axure中想要制作一个可以输入密码的输入框效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-04-07
  • Axure有怎么使用格式刷? Axure格式刷的使用方法

    Axure有怎么使用格式刷?Axure中使用格式刷可以更快捷的实现一些功能,省去了做重复工作的机会,今天我们就来看看Axure格式刷的使用方法,需要的朋友可以参考下
    2018-04-03
  • Axure怎么使用热区? axure热区的使用方法

    Axure怎么使用热区?Axure设计原型的时候,热区不是很常用,但是我们也需要了解一下,下面我们就来看看axure热区的使用方法,需要的朋友可以参考下
    2018-04-02
  • Axure8.0母版怎么应用在页面上? Axure母版的使用方法

    Axure8.0母版怎么应用在页面上?Axure中设计页面的时候,想要直接手要你管母版,该怎么使用呢?下面我们就来看看Axure母版的使用方法,需要的朋友可以参考下
    2018-03-29
  • axure怎么使用Icons图标组件设计UI?

    axure怎么使用Icons图标组件设计UI?axure中自带了很多图标组件,该怎么直接调用这些组件图标设计ui呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-03-27
  • axure怎么设计手机屏幕的滚动条原型?

    axure怎么设计手机屏幕的滚动条原型?手机中经常能见到滚动条,该怎么制作滚动条效果呢?下面我们就来看看axure滚动条的制作方法,需要的朋友可以参考下
    2018-03-27

最新评论