Axure RP 实现 软键盘弹出和收起 交互效果

 时间:2026-04-23 08:31:20

1、界面设计:

在工作区拖入 一个“图片部件”,双击图片,导入图片1.

再次拖入一个“图片部件”,双击图片,导入图片2(即:软键盘图片),命名为“board”,并右击将其 隐藏。

Axure RP 实现 软键盘弹出和收起 交互效果

Axure RP 实现 软键盘弹出和收起 交互效果

Axure RP 实现 软键盘弹出和收起 交互效果

2、拖入  多行文本框  部件。

设置文本框大小,放到适合位置。

并命名为  “文本框”

Axure RP 实现 软键盘弹出和收起 交互效果

3、拖拽一个 矩形 部件。

填充为  灰色。

将其放在多行文本框的滚动条上。(目的是盖住滚动条,不让其显示。使界面更美观。)

Axure RP 实现 软键盘弹出和收起 交互效果

4、交互设计:

选中“文本框”,双击“获取焦点时”事件,打开用例编辑器。

Axure RP 实现 软键盘弹出和收起 交互效果

5、点击“显示”,勾选“board图片”;

设置动画:向上滑动    500毫秒   置于顶层

确定。

Axure RP 实现 软键盘弹出和收起 交互效果

6、选中“文本框”,双击“失去焦点时”事件,打开用例编辑器。

Axure RP 实现 软键盘弹出和收起 交互效果

7、点击“隐藏”,勾选“board图片”;

设置动画:向下滑动    500毫秒  ;

确定。

完毕!

Axure RP 实现 软键盘弹出和收起 交互效果

  • Animate如何使用渐变斜角效果
  • 制作文字液化动态特效
  • AxureRP如何制作元件消失动画
  • Animate如何制作单击显示文字的交互效果(AS3)
  • 墨刀如何调整图层顺序
  • 热门搜索
    vt是什么意思 得了艾滋病有什么症状 王者荣耀这个赛季什么时候结束 联合体投标是什么意思 艾灸一年后什么病都出来了 3月13日是什么星座 湿疹用什么药膏 俘虏是什么意思 cow是什么意思 手抖是什么原因