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

 时间:2024-11-07 21:28:35

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

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

工具/原料

联想台式电脑

Windows10操作系统

AxureRP9

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

axure怎么设置弹框动画? 墨刀怎样创建组件 铃铛图标设计 Axure怎么制作单选效果? MarkMan马克鳗操作安装步骤
热门搜索
黄金戒指图片 车贴图片 彩虹图片大全 少年的你图片 日本漫画无疑全彩漫画大全