首页 > 学院 > 软件教程 > 正文

Axure RP 提示框悬停功能的使用方法

2020-03-08 05:08:59
字体:
来源:转载
供稿:网友

  Axure RP是一款功能强大的产品原型交互设计软件,很多时候我们在对产品进行分析时,就需要借助Axure RP软件来实习,在Axure RP软件中,很多朋友不知道如何使用Axure RP 的悬停功能,故此武林软件园小编为大家带来了相应的操作教程!

Axure RP 提示框悬停功能的使用方法

操作教程

axure rp pro 8.0下载(附注册码)

大小:85.9 MB版本:中文版环境:WinXP, Win7, Win8, Win10, WinAll

进入下载

  1、正常打开Axure RP 工具,本文以新建一个空白页面为例进行说明。

Axure RP 提示框悬停功能的使用方法

  2、从左侧元件库中拖拽一个文本标签到空白页面中,如下所示。

Axure RP 提示框悬停功能的使用方法

  3、从左侧元件库中拖拽一个动态面板到空白页面中,双击该动态面板,编辑面板的名称和内容,如下所示。

Axure RP 提示框悬停功能的使用方法

  4、将该动态面板设置为“隐藏”。光标移到动态面板处,鼠标右键点击该元件,出现的对话框中设置为隐藏即可,如下图所示。

Axure RP 提示框悬停功能的使用方法

  5、添加事件,当鼠标移入时,出现提示框。光标选中文本标签元件,在右侧的对话框中属性下双击“鼠标移入时”事件,如下图1所示,双击后,会弹出下图2 所示的窗口,设置动态面板可见。点击“确定”关闭页面。

Axure RP 提示框悬停功能的使用方法
Axure RP 提示框悬停功能的使用方法

  6、添加事件,当鼠标移出时,提示框消失。光标选中文本标签元件,在右侧的对话框中属性下双击“鼠标移出时”事件,双击后,会弹出下图 所示的窗口,设置动态面板隐藏。点击“确定”关闭页面

Axure RP 提示框悬停功能的使用方法

  7、页面的主体设计如下图1所示,这时候点击预览就可以查看效果了。

Axure RP 提示框悬停功能的使用方法
Axure RP 提示框悬停功能的使用方法
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表