前一篇经验分享了如何制作微信电脑版登录界面,但还是缺少一个切换到扫码登录的功能。
工具/原料
联想台式电脑
Windows10操作系统
AxureRP9
方法/步骤
1、之前的登录界面上增加一个“切换账号”按钮。
2、插入一个二维码图片,并设置为隐藏。
3、增加二维码界面说明文字:请使用微信扫一扫登录。也设置为隐藏。
4、设置元件组合。具体见图。
5、将“扫码组合”移至“按钮组合”位置。
6、设置“切换账号”按钮交互功能,点击它触发:“按钮组合”隐藏;“扫码组合”显示。
7、点击“预览”按钮,点击“切换账号”后可以实现登录界面切换。