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

Axure:微信登录如何切换到扫码界面

时间:2024-11-07 19:21:11

前一篇经验分享了如何制作微信电脑版登录界面,但还是缺少一个切换到扫码登录的功能。

Axure:微信登录如何切换到扫码界面

工具/原料

联想台式电脑

Windows10操作系统

AxureRP9

方法/步骤

1、之前的登录界面上增加一个“切换账号”按钮。

Axure:微信登录如何切换到扫码界面

2、插入一个二维码图片,并设置为隐藏。

Axure:微信登录如何切换到扫码界面

3、增加二维码界面说明文字:请使用微信扫一扫登录。也设置为隐藏。

Axure:微信登录如何切换到扫码界面

4、设置元件组合。具体见图。

Axure:微信登录如何切换到扫码界面

5、将“扫码组合”移至“按钮组合”位置。

Axure:微信登录如何切换到扫码界面

6、设置“切换账号”按钮交互功能,点击它触发:“按钮组合”隐藏;“扫码组合”显示。

Axure:微信登录如何切换到扫码界面

7、点击“预览”按钮,点击“切换账号”后可以实现登录界面切换。

Axure:微信登录如何切换到扫码界面

© 一点知识