Axure8。0原型案例：制作手机拨号界面

　　今早上在去公司的班车上打开手机拨号界面，突然想怎么能用Axure把它做出来，到了公司花了半小时就做出来，然后把制作过程分享给大家。
　　效果描述
　　手机拨号，想必大家都知道，就是点击数字时有按下反馈，且会组成一串手机号码，同时按错数字，会有撤退按钮删除刚输入的数字，效果链接：http：flpa2p。axshare。com
　　一、首先画页面原型
　　主要元件为无边框文本框“显示”（设置输入文字为居中），数字按键“1”、“2”。（设置白色圆形背景），撤销按钮“撤销”。
　　二、添加交互事件
　　1、为数字按键添加鼠标按下状态
　　全部选中数字按键，在右侧统一设置交互样式为“鼠标按下时，填充颜色为绿色、字体颜色为白色”，即鼠标点击时显示绿色背景白色文字，松开恢复默认状态。
　　2、为数字按键添加“鼠标单击该数字按键时，在显示框依次显示单击的数字”，即执行“单击数字按键设置显示框文本为”命令。
　　选中数字按键“1”，设置鼠标单击时，设置文本选择“显示”文本框；
　　点击fx，设置文本框显示文本，因为文本框里的值是变化的，我们设置局部变量LAVR1元件文字“显示”，然后设置fx〔〔LVAR1〕〕1，即上一个变量值后面再显示刚刚单击的数字1，注意不是〔〔LVAR1〕〕1，那就变成加法了；
　　为其他数字按键也添加这个命令，设置fx〔〔LVAR1〕〕2、〔〔LVAR1〕〕3，这样就完成了“鼠标单击数字按键时，在文本框依次显示单击的数字”。
　　3、设置点击“撤销”按钮，文本框“显示”会相应删除一个数字。也是执行“单击撤销按键设置显示框文本为”命令。
　　选中“撤销”按钮，设置鼠标单击时，设置文本选择“显示”文本框。
　　点击fx，设置文本框显示文本，设置局部变量LAVR1元件文字“显示”，设置fx〔〔LVAR1〕〕？？，该怎么设置呢？这时我们用到一个函数“substring（from，to）”，即从截取变量的第from位到to位字符串，举例LVAR123456，那截取第1位到第4位字符串LVAR。substring（1，4）234（从第1位，不包括第1位的数字，到第4位包括第4位的数字，所以为234，而不是1234）。
　　点击“撤销”按键，文本框应该截取0位到倒数第2位的字符串，那倒数第2位该怎么表示，这时又用到一个函数LVAR。length，即变量值字符串长度，这里可以理解为字符串数字个数，那倒数第2位就表示为LVAR。length1。所以fx〔〔LVAR1。substring（0，LVAR1。length1）〕〕，设置好并确认，就达到了“点击撤销按钮，文本框会相应删除一个数字”的效果。
　　按下“F5”生成Html预览一下吧！
　　今天主要通过局部变量和两个函数LVAR。substring（from，to）、LVAR。length来做手机拨号，希望大家能通过练习掌握，有什么问题大家可以一起交流学习呀。