用Axure创建一个知乎登录注册界面

百度网盘资源:https://pan.baidu.com/s/1EIujIll2_xfAqvrpy8upzA
提取码:pukh
首页效果是这样的

在这里插入图片描述
对于图片的部分需要插入占位符,其他的都是一些简单的基本元件,这里就不一一列举出来了,在这里主要讲一下难点:

难点一:动态面板的运用

动态面板,根据字面上的意思来理解,就是你想要实现动态变化的部分,所以我们需要第一步,把需要变成动态的部分勾选出来:鼠标左键按住不放选择需要变化的部分,这里以知乎界面为例:
在这里插入图片描述
这里可以设置很多个页面,这里我们设置两个,即登录和注册界面,如图:
在这里插入图片描述

难点二:交互事件的运用

点击第一个动态面板页面即(动态面板)/State1(index),点击登录两个字,点击鼠标单击时。选择“设置动态面板”中的“Set state to State2"选择状态为State2,如图:
在这里插入图片描述
同理,在state2页面也是同样的操作,不过选择状态应选择State1,设置交互页面应该为注册两个字设置,再把多余的部分删掉,如图:

在这里插入图片描述
到此,一个登陆注册的交互页面就设置完成了。

难点三:为交互页面设置滑块效果

在主页面,即index页面的注册下面添加一个矩形,填充为蓝色,如图:
在这里插入图片描述

再在动态面板1登录两个字上面再加一个事件:移动滑块,坐标要事先去测量,目标位置为登录下面的坐标
在这里插入图片描述
同理,在动态面板2为登录两个字添加坐标交互事件,位置为一开始注册下面的位置即起始位置,至此就全部大功告成了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ares丶茂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值