Axure RP 10 APP键盘弹出效果制作

1 拖动手机框、键盘和输入框(Text Field)

未下载手机组件，故用矩形元件代替手机框和键盘

2 隐藏键盘

选择表示“键盘”的矩形元件，将其命名为“键盘”。点击样式中的小眼睛，即可隐藏键盘

隐藏“键盘”后的效果如下

3 设置输入框(Text Field)的交互

3.1 设置输入框(Text Field)“获取焦点时”的交互

选择“输入框(Text Field)”，点击交互中的“获取焦点时(Got Focus)”

选择“显示/隐藏(Show/Hide)”

目标元件(TARGET)选择“键盘”

可见性选择“显示(Show)”，动画(ANIMATE)选择“向上滑动(slide up)”，时间可自行设置，本文设置为10ms
当文本框获得焦点时，键盘显示

3.2 设置输入框(Text Field)“失去焦点时”的交互

继续在输入框(Text Field)的交互中点击“失去焦点时(Lost Focus)”

其他操作同3.1，区别在于可见性选择“隐藏(Hide)”，动画(ANIMATE)选择“向下滑动(slide down)”
当文本框失去焦点时，键盘隐藏

按F5可预览效果