axurerp怎么设计登录界面（RP使用动态面板实现登陆界面的动态切换）

axurerp怎么设计登录界面（RP使用动态面板实现登陆界面的动态切换）有两种实现方式1、使用动态面板。2、使用的隐藏显示，本文使用高大上的动态面板吧。思路分析：实现效果：点击登陆按钮时会显示登录界面，且登陆按钮会显示颜色点击注册按钮时会显示注册页面，且注册按钮会显示颜色

因为本身是做产品的，所以打算做一些关于Axure原型的一些使用基础。不定时更新，今天要做的是使用动态面板来实现登陆注册界面的动态切换。

最终效果图：

交互效果：

如图是需要使用到的一些控件。

实现效果：

点击登陆按钮时会显示登录界面，且登陆按钮会显示颜色

点击注册按钮时会显示注册页面，且注册按钮会显示颜色

思路分析：

有两种实现方式1、使用动态面板。2、使用的隐藏显示，本文使用高大上的动态面板吧。

很简单，将登陆页跟注册里面的控件各自打包成一个分组(后面会说怎么弄)后，将他们转换成动态面板，

在登陆按钮，注册按钮上增加点击事件触发即可。在使用了那么多RP软件后，感觉最重要的还是思路分析，自己多分析，有些问题也就可以迎刃而解了，特别是对新人。废话不多说，我们开始做起来吧。

第一步：

先按照上图的控件先把登陆页和注册页的界面先做好，这个就很简单啦，就不细说了，主要是拉控件，调位置就可以了。

将登陆页里面的控件选中打包分组，快捷键(选中后Ctrl G)，打包的好处是容易区分，且移动的时候全部控件都可以一起移动，同样的方法，将注册页面打包，如图所示：

第二步：

将登陆页跟注册页变成动态面板。这里有两种方式可以实现1、选中登陆页跟注册页的组合，右键，转换为动态面板，如图所示。2、在默认控件里面拖入一个动态面板的控件到编辑区，会显示绿色区域，如图所示：

右键-转换为动态面板

拖入进来的动态面板

我们用第二种拖入的方式来做，不要问为什么，以后熟练了你就懂了。我们双击拖入的动态面板，会弹出面板管理界面，我们修改名称，鼠标单击一下名称的位置就可以编辑了，记住单击一下，我们命名为登陆，点击“ ”号，再添加一个状态，命名为注册。

点击确定后，会发现在页面区的动态面板下有两个文件夹，都是我们自己命名的文件夹，如图。我们的思路就是把登陆界面的分组放到登陆文件夹下，注册页面放到注册文件夹下。

将登陆界面的组剪切后，点击动态面板下的登陆文件夹，进入后将登陆界面复制，调整位置，将登陆页放置到蓝色框内，如图所示，注册界面也是同样的操作。(敲黑板，这个是重点，其实动态面板的原理就在这里)

最终结果如图：

到这里完成我们是成功了一大半了。下面主要是一些事件的配置。让动态面板动起来。

第三步：

1、配置按钮点击的效果，点击选中登陆按钮，在右边栏查看属性，点击选中，这里有个交互样式设置，

这里选配置字体的颜色，填充的颜色(具体更多的可以自己多试试，多玩玩嘛，玩不坏的)，注册按钮也用同样的方法。

2、配置动作，选择登陆按钮，选择鼠标单击时，找到选中，点击配置为true，这一步是为了在选中--交互样式配置，让选择的配置生效。取消选中--注册按钮--false，这个是为了，不会两个按钮同时都是选中状态，具体的结果你可以取消试试，相信你会回来加上的。设置面板状态--状态选择登陆。意思就是点击登陆按钮的时候显示的登陆页面，这个是重点。

注册按钮也是同理：

唯一不同的是设置面板状态--注册状态。其余都是一样的。都这样就大功告成了，干净预览试下。

实现效果：

这个是很简略操作的设计，主要的还是理解原理，自己再美化下可以了。

如果需要最终的原型文件，可以留言哦。有什么不懂的可以留言哦。会不定期的更新，欢迎关注。有产品的问题也可以一起讨论呢。