百度网盘资源:https://pan.baidu.com/s/1EIujIll2_xfAqvrpy8upzA
提取码:pukh
首页效果是这样的:
对于图片的部分需要插入占位符,其他的都是一些简单的基本元件,这里就不一一列举出来了,在这里主要讲一下难点:
难点一:动态面板的运用
动态面板,根据字面上的意思来理解,就是你想要实现动态变化的部分,所以我们需要第一步,把需要变成动态的部分勾选出来:鼠标左键按住不放选择需要变化的部分,这里以知乎界面为例:
这里可以设置很多个页面,这里我们设置两个,即登录和注册界面,如图:
难点二:交互事件的运用
点击第一个动态面板页面即(动态面板)/State1(index),点击登录两个字,点击鼠标单击时。选择“设置动态面板”中的“Set state to State2"选择状态为State2,如图:
同理,在state2页面也是同样的操作,不过选择状态应选择State1,设置交互页面应该为注册两个字设置,再把多余的部分删掉,如图:
到此,一个登陆注册的交互页面就设置完成了。
难点三:为交互页面设置滑块效果
在主页面,即index页面的注册下面添加一个矩形,填充为蓝色,如图:
再在动态面板1登录两个字上面再加一个事件:移动滑块,坐标要事先去测量,目标位置为登录下面的坐标
同理,在动态面板2为登录两个字添加坐标交互事件,位置为一开始注册下面的位置即起始位置,至此就全部大功告成了。