axure的使用实例1

来源:互联网 发布:2k16捏脸数据 姚明 编辑:程序博客网 时间:2024/06/03 21:41
登录界面的切换和注册界面的下滑功能!

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

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


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


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

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


1 0
原创粉丝点击