您现在的位置是:首页 > 设计知识设计知识
axure怎么做输入框效果,axure怎么做弹出框
网一2022-11-23 10:49:19设计知识27人已围观
简介axure怎么做输入框效果,axure怎么做弹出框python用户需要输入文本时,点击输入框,手机键盘弹出;当用户完成输入,焦点不在输入框时,手机键盘向下折叠。如何在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:
很赞哦! ()
相关文章
- excel 单列去重,excel列如何去重
- cad怎么把图形线描出来快捷键,cad怎么把图形线描出来看
- win10更新cad许可无效,cad一直正在检查许可
- cad转换成pdf格式,cad文件如何转成cdr格式
- ps加虚线箭头,ps如何画带虚线的箭头和虚线箭头区分
- solidworks钣金怎样展开,solidworks钣金展开图转为cad
- CAD如何旋转直线,autocad怎么旋转直线
- ps如何快速去文字去水印图片,ps如何快速去文字去水印视频
- excel表格中怎么把表格的数据快速导入另一个表格中,excel表格中怎么把表格的数据快速导入另一个表中
- axure辅助线怎么隐藏,axure辅助线怎么用