显示隐藏元件 | Show Hidden Widget

显示隐藏元件中的附加图标内容。

STEP0:下载练习文件

如果你还没有练习文件,请下载Axure Training.rp并在Axure RP中打开它,该文件包含了Axure培训网站上每个教程的对应页面。我们建议你始终使用我们准备好的文件来学完教程,但是如果你无法保证,那也没有关系,我们也会告诉你在不使用Axure Training.rp文件的情况下,如何创建新文件来完成教程。

STEP1:设置

在练习文件中打开“显示隐藏元件”页面,然后你会看到一个图像元件和一个对话气泡元件(你可以通过把元件的圆角控件拖动到中间位置来创建一个圆角图像,要创建一个对话气泡元件,添加一个形状元件然后使用形状选择来选择对话气泡,通过点击并拖动它的末端小圆点,可以将对话气泡的尾巴移动到侧面)。

点击样式工具栏中或“检视”窗口中“样式”页签下的“隐藏”复选框,来隐藏对话气泡元件。

STEP2:添加鼠标单击时交互

选中图像元件,在“属性”页签下,双击“鼠标单击时”来添加新的鼠标单击用例。

在用例编辑器中,选择“显示”动作,在“配置动作”栏下,选择“气泡”元件。

点击“确定”关闭用例编辑器。

STEP3:预览

预览原型,点击图片显示对话气泡元件。

评论(0 个评论)

发表回复

您的电子邮箱地址不会被公开。