很早之前写过模拟手机拨号，今天我们在模拟拨号键盘的原型基础上做一个小功能，设置按下电脑键盘上的按钮，触发拨号的交互，也可以用该设置方法做快捷键。
　　效果图
　　可以看到，我在按下键盘上的数字按钮的时候，对应原型中会触发交互，因为我电脑没有数字键盘，那我们就用顶部的区域设置为数字，把字母q设置为删除已输入的数字。
　　制作原理
　　Axure中有个交互叫，按键按下时的交互，然后我们为按键按下时设置if条件，if按下的按钮为XX，就出发XX交互。因为我们沿用的案例时模拟拨号键盘的原型，因此我们在按下XX按键的时候，只要触发鼠标点击对应数字按钮的交互就可以了。没有模拟拨号键盘的同学们，可以做成if按下的键为XX时，触发增删改查等种种交互。
　　操作步骤
　　我们直接选中页面设置交互，按键按下时，if按下的是1，那么触发btn1鼠标按下时的交互，当按键松开时，我们触发btn1鼠标松开时的交互即可。如图所示：
　　那么这里提醒下大家，我这里是沿用了之前模拟拨号键盘的原型去做的（可以在我公众号或人人都是产品经理平台中搜索到模拟拨号键盘的文章，里面有原型下载链接），因此我们在该交互设置的时候增加的选中，取消选中等交互，简单讲一下逻辑。模拟拨号键盘文章路径
　　在模拟拨号键盘的案例中，我们设置了按下1的时候，让按钮选中，呈现出灰色的效果，松开1的时候，取消选中，灰色消失，颜色回归，这样便形成了真实点击的效果。
　　同样，在按下1的时候，数字显示位置用全局变量带入数字1，按下2的时候，追加2。按下删除的时候，判断当前字符串长度，并取消掉最后一位。这种情况下，我们只需要为原有交互设置快捷键，按下键盘按键的时候触发之前设置好的交互即可。
　　结语
　　该教程其实非常简单，之所以出是一位一位朋友遇到了设置快捷键的情况，但是搜索不到教程，既然搜索不到，那小编就简单出一篇示范一下吧～对了，本期原型只能用AxureRP9打开哦，请大家注意哦～
　　下载链接：https：pan。baidu。coms1Ov7bokCLU9DSJmC0MMWOQ
　　密码：a0gj
　　温馨提示，该文件需要使用Axure9打开哦。

AxureRP9教程：模拟微信系列（4）下拉刷新本文是模仿微信的第四篇内容，主要讲的内容是下拉刷新，enjoy最近真的好忙，晚上又在忙着充电学Python，所以更新变慢了，不过木有事，小编虽然会迟到，但是绝不会缺席O（……AXURE教程：管理后台页面框架今天，教大家如何用AXURE做一个管理后台页面框架。本文以员工信息为案例，展示中继器增、删、改、查导入导出排序的真实效果。包括直接在中继器修改和弹出页面修改两种模式，只需……Axure教程：可增删改的多选树今天，教大家如何做可以增删改的多选树，以及节点与节点之间相互交互的内容。enjoy演示地址：http：bra8my。axshare。cng1p可增删改的多选树……Axure教程：原型中埋点统计验证需求在平时工作中，不知道大家有没有遇到这样的情况。我们在做完一个Axure的交互原型后，分享给我们的目标用户进行测试时特别的希望可以知道用户的操作路径，都进行了哪些操作。例如……App产品原型背后要交代的细节或要理解的原则（六）本文接上一篇App产品原型背后要交代的细节或要理解的原则（五）。22缓存是整体性、系统性的工作使用缓存，主要是提高性能和离线访问数据（用户需求或体验）。比如，缓存可……Axure教程：拖动事件和滚动事件网上有好多关于Axure的教程，但是根据我学习的过程我觉得Axure完全不需要你完整的去花一段时间去刻意的学习，需要什么效果但是没有思路上网可以查到对应的方案完成自己想要的效果……AxureRP9教程：设置键盘快捷键很早之前写过模拟手机拨号，今天我们在模拟拨号键盘的原型基础上做一个小功能，设置按下电脑键盘上的按钮，触发拨号的交互，也可以用该设置方法做快捷键。效果图可以看到，我在……Axure教程：利用图表前端插件实现高级可视化图表如何通过图标前端插件完成高级可视化图表？笔者在此给出了详细教程，与大家分享后台开发中避免不了实现一些可视化的图表，主要制作的方法有四种：Excel表格截图、Axure图形……Axure教程：可增删改的树型结构今天，教大家如何做一个树型结构，以及节点与节点之间相互交互的内容。演示地址：http：b0bgsg。axshare。cng1p树一、效果介绍功能介绍：……Axure教程：转盘抽奖交互原型本文跟大家分享，如何使用axure制作转盘抽奖交互原型，不带登录流程。效果如下：抽奖流程一、主要内容（1）主要元件：动态面板（2）重点：旋转交互、……中继器系列（三）：下拉选择框中继器的表格“增删改查”请查看中继器系列一：《中继器系列一：信息新增、删除、简单筛选》和中继器系列二：《中继器系列二：信息修改》。今天给大家带来下拉选择框的套用中继器实现不同状……AxureRP8。0教程：规模数值递增动效本文提供了数值递增效果的Axure教程，请查收平时我们在浏览一些官网首页时，经常看到下面这样的数值递增效果，如下所示：此教程将为大家讲解如何实现此效果：一、界……