当大家用Axure制作APP原型时,即使高保真效果也只是在视觉层面上实现了原型效果,但页面中的数据内容还都只是预先设定好的,例如:使用中继器、表格等,模拟真实作品。那么有没有一种方法,让我们制作的原型也能获取到真实数据呢?
![f3fd9f32d90dc7c8157719769f85da4b.png](https://i-blog.csdnimg.cn/blog_migrate/072fff9ec8efc84066cbc6afb78383e9.jpeg)
本例通过JavaScript实现实时获取天气功能,意在激发大家兴趣,制作更多基于Axure获取实时信息的案例。废话不多说,上图为敬:
![29a788f46ad454c8021691f0b7e397d0.gif](https://i-blog.csdnimg.cn/blog_migrate/5a4e7be0e4cc6506b59981214aa56f22.gif)
这个原型到底有什么独特之处吗?在刚打开的时候,整个页面呈现的数据都是之前设定好的,当点击左上角的『刷新』的时候,页面会通过一个天气查询api获取到当前真实数据,然后加载出来。怎么样,是不是被它吸引到了?
原理
这个实例中主要用到了Axure的以下几个功能:
(1)中继器
由于『昨天』、『今天』、『明天』的天气概要布局相同,可以使用中继器更加规范显示。