axure的使用实例1

登录界面的切换和注册界面的下滑功能!

1.我们首先创建一个新的母版,叫做网页顶部,然后在此母版的上面添加三个选项,分别为首页,选项,注册三个标

2.我们在下边首先添加一个矩形,用占位符去占位,留下此部分空间,下节做轮播图使用,在右侧我们去创建登录的界面,如图:


3.将右边的登录模块转换为登录面板,并同时添加本站登录面板和一个第三方登录的面板,如图:
4.因为第三方登录面板里并没有实现任何的内容,我们将第三方登录的面板内容实现一下,同本站登录的面板,只需要复制并稍作修改即可,如图:


5.将母版添加到页面中,并设置第三方登录和本站登录的点击事件即可实现本站登录和第三方登录间的相互切换:如图的设置方式

6.接下来我们设置一下注册的界面,实现效果为点击注册按钮,实现注册界面从上至下滑动的一个过程:首先我们需要和上边一样制作一个注册界面的动态面板,然后我们将这个动态面板设置为隐藏的状态,当我们给注册按钮设置点击事件的时候,我们设置显示的状态,添加动画为向下滑动,即可实现注册界面的下滑过程!


  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值