多语言展示
当前在线:1823今日阅读:27今日分享:41

Axure RP8中显示与隐藏效果的实现

通过动态面板的显示与隐藏切换能够实现页面较好的动态交互效果。
工具/原料
1

电脑

2

Axure RP8

方法/步骤
1

新建工程,并对页面进行命名。进入显示与隐藏效果页面,拖两个提交按钮到页面上。

2

拖一个动态面板到画布上,名称为显示与隐藏,并将State1命名为内容

4

进入显示与隐藏效果页面,选中显示按钮,在右侧的检视窗口中,双击属性中的鼠标单击事件

5

弹出 用例编辑<鼠标单击时>窗口,如下图:

6

选择元件|显示隐藏|显示,在配置动作中勾选显示与隐藏(动态面板)可见性选显示,动画下拉中选 逐渐,时间为500毫秒

7

选择隐藏按钮,编辑鼠标单击时,元件|显示隐藏|隐藏,在配置动作中勾选显示与隐藏(动态面板),可见性选隐藏,动画选向右滑动。时间500毫秒。

8

按F5键,查看效果如下:

推荐信息