Axure构建了iPhone英文键盘。

简介：
Axure是一款功能强大的交互式原型设计工具，能够快速构建高度逼真的交互式原型。近期，我学习了Axure的使用，并实践了iPhone英文键盘的实现过程。以下是整个实现过程的详细记录，旨在为刚开始学习Axure的伙伴提供帮助。首先，我们需要创建一个输入框和一个动态面板，分别命名为“input”和“keyboard”。在输入框中添加一个事件：当输入框获得焦点时，键盘从屏幕底部弹出。接下来，设置动态面板的双击事件，用于动态面板状态的调整。本次实现仅支持字母和数字输入，而忽略了符号。具体而言，双击“letters”组件将触发字母键盘的布局设计。这里每个字母按键实质上是一个imageview，只需添加相应的字母图片即可。需要注意的是，每个字母和符号都需要进行明确的命名操作；例如，“字母Q”应命名为“Q”， “字母W”则命名为“W”， 这种命名方式有助于后续的数据赋值处理流程。接下来，我们将重点关注以下几个关键的字母键盘功能：（1）大小写切换键：正常情况下点击字母按键会输入小写英文字母；选择大小写切换键后再次点击该按键则会输出大写英文字母。（2）删除键：该键的功能是删除输入框中最后一个字符。（3）空格键：该键的作用是保持输入框中字符不变。（4）return 键：点击 return 键后键盘将隐藏起来。下面我们将对字母键盘的事件设置进行更详细的阐述。首先选中第一个字母“Q”，然后在右侧空间交互框中找到“OnMouseDown”，增加case1：双击上述case1界面，设置相应的条件。这个条件可以理解为：在未选择大小写切换键的情况下，输入的字符应为小写形式。随后设置字母“Q”的“set text”事件，该事件的主要作用是将所选字母的值赋给输入框。在“Focused Widget to”选项中点击右下角的fx按钮来编辑公式并添加临时变量。“LVAR1”是一个临时变量,用于存储当前输入框中的值,将其赋值给此变量.然后,在输入框中添加新输入的字母.此外,我们还需要配置删除键的事件逻辑.删除键的功能是去除输入框中最后一个字符.处理方法是先将输入框中的字符赋值给临时变量,记录下来;然后去掉这个临时变量中的最后一个字符再重新赋值给输入框.然而,我们发现大小写切换功能存在问题:一旦选择了大小写切换选项,输入的字符均会变成大写.为了解决这个问题,我们需要添加一个OnMouseUp事件到每个字母上.即每当选择一个输入字母后,大小写转换的关键应该立刻复位.最后,为了提高效率,我们可以将 Letter Q 的事件复制到其他对应的 Letter 事件上.选中 Letter Q，右击 OnMouseDown，选择 “Copy”，然后选中 “Letter W”，右击 OnMouseDown，选择 “Paste”。 这样就避免了重复配置每个 Letter 组件上的事件逻辑. 通过以上步骤,我们成功地实现了 iPhone 英文键盘的交互式原型设计方案。Axure 的强大功能使我们能够快速构建高仿真度的交互式原型设计方案 ，从而极大地提升了我们的设计效率 。