【Axure笔记】8.如何使用url及变量链接页面并实现跳转

        我们通过对一个按钮添加交互：点击时——打开链接——连接到——选择对应的页面，就可以很简单的实现跳页功能，这也是Axure里面用的最多的功能之一。

        而细心的朋友可能发现在连接到中有一个连接到URL或文件路径的选项，我们点击后出现一个需要我们填值的空，如何通过填写这个值来实现跳页呢？

        

        其实做法很简单，如上图只需要在链接到下面填写对应页面的名字并在后面加上.html就可以了，我们用Axure自带的示例进行演示，文件中有“Tour”和“Mobile”两个页面，当我们点击Tour页面中“GO TO MOBILE PAGE”按钮时跳转到Mobile页面，我们当然可以用最简单的方法直接选择连接到Mobile页面，我们也可以选择连接到URL或文件路径，并在值中填写“Mobile.html”,这样的效果也是一样的。

      【注意】使用URL跳页后所有的全局变量将会清空，因为系统认为当你使用URL打开页面时是新建的页面，将不会在这个“新页面”中保留原来的全局变量。

        有些人可能会有疑问，为什么明明可以直接连接到页面，却要使用Url来进行连接呢？因为使用变量进行跳转的场景则更为丰富，例如我们有三个页面“Tour”“Mobile”“Share”，前两个页面之间都有通往Share的按钮，而Share页面作为一个全局页面只有一个返回按钮，如何让用户点击返回按钮时返回之前的页面呢？这就需要在返回按钮中使用变量URL了。

具体做法如下：

1. 首先点击屏幕上方Axure菜单栏中“项目”——“全局变量”，新建一个名为“WhoCalledShare”（变量名可自定义，只要是英文都可以）。

2. 回到Tour页面，在Share图标上面加热区（ 为什么使用热区而不直接在图标上编写逻辑？ ），并在热区中编写交互“点击时”——“设置变量值”——目标“WhoCalledShare”——设置为“值”——值点击fx——“插入变量和函数”——选择页面函数类中的“PageName”——确定完成；

再添加“点击时”——打开链接——链接到“Share”，到这里我们实现了Tour页面在点击Share按钮时的变量赋值和跳页逻辑。

3. 打开Mobile页面，重复在Tour页面中的操作，实现Mobile页面在点击Share按钮时的变量赋值和跳页逻辑。

4. 打开Share页面，在BACK按钮上编写交互“点击时”——“打开链接”——链接到——链接到URL或文件路径——点击fx-插入变量和函数-选择“WhoCalledShare”——之后在后面加上.html——确认完成即可。

这样我们就实现了之前GIF图中通过变量和URL链接实现复杂的页面跳转的效果。

思考：通过URL跳转页面的方式虽然方便，但是会丢失全局变量，那么如何在保证不丢失全局变量的情况下也实现根据变量来跳转页面呢？其实也不难，设置返回按钮点击时命令的启用情形就好了，分别设置if WhoCalledShare == "Tour"时，链接到Tour页面和if WhoCalledShare == "Mobile"时链接到Mobile页面就好啦。

——————————————————文章目录——————————————————

Chapter 1

开始前的准备

1. 写在前面，我为什么要开Axure这个坑？

2. 没有完整构想的产品上来直接开画就是耍流氓。

3. 做之前先想好：高保真还是低保真？

4. 移动端的相关规范，多多少少还是要知道一点点的。

Chapter 2

开始做吧,初学时懵逼的问题：

5. 站在巨人的肩膀上：先装个元件库吧

6. 技多不压身，元件多了真的压

7. 文本框、文本域：如何获取输入的文字？

8. 如何使用url及变量链接页面并实现跳转

9. 关于命名规范：页面、元件、组。

10. 什么时候该使用动态面板？

11. 什么时候应该使用中继器？

12. 交互、变量、函数我该怎么着手学习？

13. 关于交互的最后防线——启用情形

Chapter3

实战教程，未完待续...

域名跳转：

1、建设网站时，使其他的域名全部跳转到某一特定的域名

2、使域名从这一域名跳转到那域名，需做域名跳转解析，

例如：使域名跳转到www

解析如下：

3、首先解析主域名，主机记录为@，记录类型为CNAME，如图

4、接着解析带www的域名，添加记录，记录类型为CNAME，如图

5、记录值依旧选择服务器的IP地址

6、完成后需等待一段时间才可以生效，生效后输入主域名将直接跳转到带www的域名

1、登入阿里旺旺客户端，输入淘宝卖家店铺账号密码，点击【登入】；

2、在软件中，找到带淘字的图标，点击该图标，在打开【售中宝贝】；

3、这时会跳转到网页，在没设置域名之前我们先看下之前官方随机的域名，打开【查看淘宝店铺】，官方随机的非常的长；

4、在左栏目下方找到【域名设置】，点击打开，现在可以在该框中，输入想要并且超短好记的域名，点击【查询】，如果觉得域名可以，直接点击【申请绑定】即可，如果该域名显示【此域名已经被占用】，请从新换域名；

5、以上几步，自己淘宝店铺的个性网址就设置成功。

首先在plist文件里面设置。

URL identifier 一般为反域名+项目名称 （尽可能保证少重复）

URL Schemes是一个数组。一个APP可以添加多个。该参数为跳转时使用的标识。

1：跳转safari比较简单

2：跳转回APP

safari按钮打开连接（URL Scheme设置的参数）sxxxxk:// 之后会弹窗提醒，确认要返回app，点击确定就启动APP。（ios9直接url跳转safari之后左上角有一个返回的小按钮，貌似不用做URL Scheme就可以实现。但是URL Scheme更强大一些。可以传参数）

3：URL Scheme传参数

safari跳转回APP时，打开连接 sxxxxk://?xxxx

跳回APP之后，调用该方法，输出为

url: sxxxxk://?xxxx

scheme: sxxxxk

query: xxxx

(safari跳回APP连接后面添加？再添加参数xxx或者xxx1=1&xxx2=2)

新建两个项目 demo1 和 demo2。完成项目 demo1 跳转到项目 demo2

在项目 demo2 的 Info.plist 中添加字段 URL types ->URL Schemes，配置供别的app跳转使用的唯一URL demo2JumpUniqueKey（不要使用 _ ，不然会跳转失败）。

在项目 demo1的 Info.plist 中添加字段 LSApplicationQueriesSchemes， 类型设置为 Array，添加项目 demo2 中配置的URL demo2JumpUniqueKey。

项目 demo1 中跳转的方法

项目 demo2 中接收项目 demo1 跳转传来的参数

如果存在 SceneDelegate 则使用 SceneDelegate.swift 的方法

如果不存在 SceneDelegate 则使用 AppDelegate.swift 的方法

本文由 mdnice 多平台发布

---