AXURE8.0实现真实拨打电话-mac电脑可以直接测试效果

主要功能：实现拨号、删除号码、真实呼叫、判断、全局变量…

难点：删除电话号码

重点：拨号功能：tel:电话号码

函数：字符截取函数，LVAR.substr(开始位置,截取长度)，this.name：获取元件名称；

原型：

原型拆解：

1，全局界面

2，输入号码：

命名：文本框命名为hm，主要接收按键按下的内容；

3，按键

两种制作方法：

1，组合：将矩形+数字+字母组合到一起，方便写交互；

2，编辑矩形：将按键制作成一个独立元件，在矩形里输入数字2，回车换行，再输入字母ABC，然后调整字符大小即可

命名：以其具体数字或符号命名：如“1”号键命名1；“2”号键命名2；依此类推，“#”号键命名#。这样我就可以通过[[this.name]],获取到按钮内容；

交互

1，数字按键交互—单击时事件：

A、需要完成的动作：将按键内容，输入“输入号码”处。（注意：电话号码是以连接的格式进行输入，所以我们在输入新的号码时，先把“hm”框中的内容获取放在最前面）

B、因此是“设置文本”动作，如下：

2，删除键交互—单击时事件：

A、需要完成的功能：每单击一次从”hm”文本框中，将最后一位数字删除

B、注意：每删除一个数字后，还需要将新的字符串，放回hm文本框中。因此还是“设置文本”动作：

C、表达式解释：[[LVAR1.substr(0,LVAR1.length-1)]]：将hm的值传递给局部变量LVAR1;

每单击一次，从hm文本框中进行截取，0：表示从第一位开始截取，LVAR1.length-1：表示从hm文本框字符位数减1，为截取长度；

3，呼出键交互—单击时

• 需要完成的动作：呼出拨出的号码

• 打开链接—当前窗口—链接到URL：tel:[[LVAR1]]

C、[LVAR1]]：为hm传递的值；

D、这里加了一个判断：如果hm文本框有内容，说明有输入电话号码，单击拨号呼出的是hm的内容；如果hm文本框为空，则呼出的应该是历史呼出的第一个电话号码，这里可以自定义一个；

4，历史通话记录交互

单击历史通话记录，只需要执行拨打当前历史记录电话号码即可：tel:xxxx…

5，当直接按下拨号键时，如果没有拨号码，这时呼出的电话就应该是，历史记录中的第一条记录；所以我需要判断拨号键的交互；

A：先拨手机号+再单击呼出键

B:直接单击呼出键；

所有交互制作完成，即可预览；

预览地址：https://axhub.im/pro/6d247d8ff816514e

温馨备注：mac电脑可以直接测试效果；或使用手机进行预览测试

百度云下载地址：

链接:pan.baidu.com/s/1Hd-73D 密码:l2qc