养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure:支付信息展示页面如何切换出输入框

时间:2024-10-19 15:30:01

前面两篇经验已经分享了支付信息展示页面制作过程,接下分享如何制作切换出输入框的操作步骤。

Axure:支付信息展示页面如何切换出输入框

工具/原料

联想台式电脑

Windows10操作系统

AxureRP9

方法/步骤

1、打开Axure文档,新增一张Page并命名为:支付页面输入框。

Axure:支付信息展示页面如何切换出输入框

2、复制“支付信息展示”页面部分内容。

Axure:支付信息展示页面如何切换出输入框

3、增加一个文本框,设置线段颜色及底部两个圆角。

Axure:支付信息展示页面如何切换出输入框

4、增加操作功能键。

Axure:支付信息展示页面如何切换出输入框

5、增加输入信息“发送”按钮。

Axure:支付信息展示页面如何切换出输入框

6、设置“页面切换”元件点击鼠标的交互情形:跳转到“支付信息展示”页面。

Axure:支付信息展示页面如何切换出输入框

7、“支付信息展示”页面的“页面切换”元件点击鼠标的交互情形:跳转到“支付页面输入框”页面。

Axure:支付信息展示页面如何切换出输入框

8、点击“预览”按钮,在浏览器操作可以获得所需要的效果。

Axure:支付信息展示页面如何切换出输入框

© 一点知识