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

 时间:2024-11-09 10:13:43

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

工具/原料

电脑

AxureRP8

方法/步骤

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

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

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

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

3、对内容状态进行编辑,拖一个矩形框,输入文本内容“显示与隐藏效果页面的内容”

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

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

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

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

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

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

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

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

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

8、按F5键,查看效果如下:

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

C4D 怎么渲染一个透明的图片 Axure如何制作图片切换查看效果 墨刀如何使用查找或替换功能 C4D如何让粒子发射后速度逐渐变慢 AxureRP如何展开,收起,弹出,停靠功能面板
热门搜索
灯罩图片 水粉风景画图片大全 龟的种类图片及名称 好看的恋爱动漫 安全标语图片