动态面板：登录面板切换

案例描述
点击“快速登录”与“账户密码登录”按钮时，在两个登录面板间切换

1.元件准备
拖入动态面板元件，并制作"快速登录"和"账户密码登录"2个元件
​​
​​​​2.双击动态面板



3.在State1页面中设计下方页面

4.在State2页面中设计下方页面

命名：

动态面板（用于制作登录面板）：LoginPanel
动态面板状态（用于包含快速登录内容）：State1
动态面板状态（用于包含账户密码登录内容）：State2

登录按钮，摆放在动态面板的上层；设置默认样式（灰色字体与灰色边框）以及【选中】的交互样式（黑色字体与橙色边框）；在元件样式中设置这2个矩形的只保留底部边框；最后，为这2个矩形【设置选项组名称】为“LoginButton”。

勾选“快速登录”属性中的【选中】，让其在页面打开时即为选中后的状态；
右键——选中

为“快速登录”按钮的【鼠标单击时】事件设置动作为【选中】“当前元件(LogIn01)”；

继续上一步，添加动作【设置面板状态】“LoginPanel”为“State1”

为“账户密码登录”按钮设置【鼠标单击时】事件设置第1个动作为【选中】“当前元件(LogIn02)”；第2个动作为【设置面板状态】“LoginPanel”为“State2”。
第1个动作

第2个动作

样式和位置自己调整
完成！