最近几篇的经验都是写的关于函数方面的用法,其实还有好多函数可以用到,下面小编介绍一下通过Axure原型工具如何获取页面标题及滚动条距离。
工具/原料
1
电脑
2
Axure
方法/步骤
1
首先创建一个空白页面,在工作区域拖入两个矩形,用于获取标题及距离,如下图所示。
2
对准备的元件样式及值进行设置,如下图所示,一个用于获取当前页面的标题,一个用于获取滚动条的距离。
3
下面开始对第一个矩形的交互事件进行设置,此处需要用于函数,具体函数如下。[[PageName]]
4
然后对第二个矩形的事件进行设置,如下所示,需要用到的函数为,水平距离:[[Window.ScrollX]] 垂直距离:[[Window.ScrollY]]
5
准备完成后,f5预览一下效果,如下图所示。
6
当点击第一个矩形的时候,会获取到当前页面的标题,点击第二个矩形的时候会获取到滚动条的距离,如下图所示。
注意事项
1
更多好玩的Axure经验
2
欢迎关注小编一起学习