Axure8.0 页面的定时出现与隐藏

2025-10-13 11:35:22

1、这里主要涉及的是一个动态面板中不同状态的切换。

在当前 Page 中拖入一个动态面板,将State1 命名为“初始状态”,再添加一个状态,命名为“切换图片”。

“初始状态”中添加一张图片,一个透明按钮用于响应点击事件,一个加载中的控件,因为初始是看不到加载中这个控件的,所以将其设为隐藏。

Axure8.0 页面的定时出现与隐藏

2、在“切换图片”这一状态中添加一张图片。

内容的准备算是完成了。下图为页面的结构。

Axure8.0 页面的定时出现与隐藏

1、给按钮添加点击事件,操作步骤以图说明

点击页面我们希望一开始会出现一段时间的“加载中”这一控件,因此,我们首先需要将隐藏的“加载中”控件显示出来。

Axure8.0 页面的定时出现与隐藏

2、我希望这个控件的显示时间为600毫秒,所以这里添加一个等待事件,在等待600毫秒后,才会触发下一个事件。

Axure8.0 页面的定时出现与隐藏

3、在600毫秒的等待后,隐藏初始状态,“加载中”控件也隐藏,显示另一状态。

Axure8.0 页面的定时出现与隐藏

4、仅仅对状态进行显示隐藏是不够的,这时候与页面绑定的工作状态还是“初始状态”,需要手动进行切换,如图,选择“设置面板状态”,将当前工作状态切换到现在显示的状态:“切换图片”。

Axure8.0 页面的定时出现与隐藏

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢