如何用 Axure 实现页码跳转

如何用 Axure 实现页码跳转,第1张

比如页面上面的导航条为
<a href="#mao1">内容1</a> | <a href="#mao2">内容2</a>。。。。
然后你在下面的每个内容块里加一个锚点
<a name="mao1">内容</a>
<a name="mao2">内容</a>
页面外的在本页定义好后<a name="锚名">内容</a>,再另一页面<a href="上一页html#锚名">

”登录界面“有几种方法可以做:

把登录界面在同页面画好,然后设置为”隐藏“,当点击”按钮1“的时候让其显示;

把登录界面在另外一个页面画好,然后点击”按钮1“在新窗口打开有登录功能的界面,记得控制该界面显示大小,让其显得真是。

可供选择的文本列表:

这个就是在旁边做好,然后将其设置为“隐藏”,点击“按钮2”让其“显示”。

平时工作,在设计新功能时,才会用Axure画下原型,用Axure主要也是画界面,再就是加链接跳转,其他功能一般用得较少,属初级应用者。

前天遇到一个界面,希望通过单选按钮切换,界面显示不同的输入项,很常见的一种交互,但没用Axure做过,于是百度了几篇看了下,发现都讲得很复杂,竟然没看明白,最后自己摸索下,简单就实现了,于是决定记录下来,说不定有同学搜索到我这篇,可以参考下,呵呵!

首先理下思路:

1、通过全局变量来控制

2、单选按钮切换时,修改对应的全局变量

3、对应的全局变量下,显示动态面板不同的状态

其实就这么简单,截图说明如下(Axure80):

1、在菜单——项目——全局变量中,新建一个变量,并给了第一个单选按钮对应的默认值

2、画界面:示意如图,3个单选按钮,增加含对应3个状态的动态面板:

3、单选按钮增加动作:

在3个单选按钮选中时,分别增加动作:将全局变量的值,改为对应的单选按钮的值(我这里是将全局变量的值与单选按钮元件的文字名称是一致的,修改变量值时也可以人工指定)

单选按钮切换时,还要显示对应动态面板的状态。这里用了先隐藏,再显示的方式,这样就达到有刷新的效果(重要:如果没有这一步,动态面板就不会动态的去切换显示)。

4、动态面板增加动作:

动态面板的显示,就要根据全局变量的值来判断了:

当全局变量为A时,就显示动态面板,并且动态面板对应选择A相应的状态

完成以上步骤,预览,搞定!

思路清晰了,就不觉得难了,通过这个例子,我想遇到更复杂的这类交互,自己摸索几下就应该可以做出来了!

一、直接答案:可以实现。

二、实现步骤:

说明:不同页面间的锚点跳转需要借用一下中间变量。即:当要离开该页面到达另一个页面时,先给该变量赋值为1(或2、或3),然后再跳转到另一页面。接下来在另一页面的“OnPageLoad”里加入交互动作,设置判断条件,当变量值等于1时,跳转到这个页面“位置一”处。
1 首页看看变量管理,添加一个变量。(默认会有一个)如图:

2 离开Home页时,给变量赋值。如图:

3 在到达页Page1中设置好位置一、二、三的映射区域后。在Page1页“OnPageLoad”中加交互。如图:

4 完成后的Page1页中“OnPageLoad”处的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13337554.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-17
下一篇 2023-07-17

发表评论

登录后才能评论

评论列表(0条)

保存