大家好,我是小溜,当用户需要输入文字时,单击输入框,手机键盘向上弹出;当用户输入完毕,焦点不在输入框时,手机键盘向下收起。这样的效果在Axure中怎么实现呢?下面小溜就来给大家演示下方法。
对于“Axure RP”还有不懂的地方,点击这里了解更多关于“Axure RP”课程>>
硬件型号:微软Surface Laptop Go
系统版本:Windows7
所需软件:Axure RP
界面设计:
在工作区拖入 一个“图片部件”,双击图片,导入图片1.
再次拖入一个“图片部件”,双击图片,导入图片2(即:软键盘图片),命名为“board”,并右击将其 隐藏。
拖入 多行文本框 部件。
设置文本框大小,放到适合位置。
并命名为 “文本框”
拖拽一个 矩形 部件。
填充为 灰色。
将其放在多行文本框的滚动条上。(目的是盖住滚动条,不让其显示。使界面更美观。)
交互设计:
选中“文本框”,双击“获取焦点时”事件,打开用例编辑器。
点击“显示”,勾选“board图片”;
设置动画:向上滑动 500毫秒 置于顶层
确定。
选中“文本框”,双击“失去焦点时”事件,打开用例编辑器。
点击“隐藏”,勾选“board图片”;
设置动画:向下滑动 500毫秒 ;
确定。
完毕!
希望“Axure怎么实现软键盘弹出和收起的交互效果?”这篇文章能给大家带来一些帮助,如果大家觉得内容有点晦涩难懂的话,建议动手实操!想要了解更多内容也可以关注溜溜自学网。