您现在的位置是:首页 > 设计知识设计知识

axure怎么做输入框效果,axure怎么做弹出框

网一2022-11-23 10:49:19设计知识27人已围观

简介axure怎么做输入框效果,axure怎么做弹出框python用户需要输入文本时,点击输入框,手机键盘弹出;当用户完成输入,焦点不在输入框时,手机键盘向下折叠。如何在Axure中实现这种效果?让我们告诉你怎

axure怎么做输入框效果,axure怎么做弹出框

python用户需要输入文本时,点击输入框,手机键盘弹出;当用户完成输入,焦点不在输入框时,手机键盘向下折叠。如何在Axure中实现这种效果?让我们告诉你怎么做。

“Axure RP”还有你不知道的地方。单击此处了解更多关于“Axure RP”课程的信息。

工具/软件

硬件型号:微软Surface Laptop Go

版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

界面设计:

将图片部件拖到工作区,双击图片,导入图片1。

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

第2步

拖到多行文本框部件中。

设置文本框的大小,并将其放在合适的位置。

并将它命名为“文本框”

第3步

拖放一个矩形零件。

填灰色。

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

第4步

交互设计:

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

第5步

点击“显示”,勾选“板图”;

动画:向上滑动500毫秒,放在顶层。

当然可以。

第6步

选择“文本框”并双击“失去焦点时”事件以打开用例编辑器。

第7步

点击“隐藏”,勾选“板图”;

动画:向下滑动500毫秒;

当然可以。

完毕!

注意/提示

希望“Axure如何实现软键盘的弹出和折叠的交互效果?”这篇文章可以给大家带来一些帮助。如果觉得内容有点晦涩,建议练习一下!如果想了解更多,也可以关注。

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐