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

 时间:2024-10-19 13:18:25

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

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

工具/原料

联想台式电脑

Windows10操作系统

AxureRP9

方法/步骤

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

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

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

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

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

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

4、增加操作功能键。

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

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

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

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

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

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

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

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

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

AxureRP8中继器的用法 如何使用Axure利用中继器实现自增 axure怎么实现输入错误时提示 Axure如何利用中继器实现数据的自动传输? Axure怎样进行布尔运算
热门搜索
埃菲尔铁塔图片 乌龙院漫画 歪歪漫画在线阅读 萝莉漫画 多啦a梦图片