Axure交互-选中状态实现登录和注册Tab页切换

Axure交互-选中状态实现登录和注册Tab页切换

1.选中实现注册登录切换场景

选中登录和注册两个Tab页签切换，实现注册和登录页面切换。

2.添加元件

2.1.添加按钮和动态面板

2.2.动态面板添加登录页面

• 进入动态面板的编辑页面，添加登录页内容。
  

• 在动态面板编辑页新增图纸增加注册信息
  

2.3.按钮添加选中交互效果

• 退出动态面板编辑状态选择按钮右键–交互央样式
  
  -登录按钮设置选中时的效果
  
• 注册按钮设置选中时的效果
  

2.4.动态面板添加交互效果

• 选择登录按钮–交互样式设置动作为点击时–触发事件是面板状态
  
• 选择注册按钮–交互样式设置动作为点击时–触发事件是面板状态
  

2.5.登录和注册添加交互样式

-选择登录按钮–交互样式–新增交互样式

-设置交互样式动作为选中

• 元件选择登录–设置值为真。
  
  
• 按照登录添加选中交互方式为注册按钮添加选中交互样式
  
• 按下Shift选择登录和注册按钮–右键选择选项组

设置选项组作用：可以使登录和注册的选中值互为相斥，如果选择登录时-登录值为真-注册值为假，如果选择注册时-注册值为真-登录值为假。
如果不设置选项组，那么在预览时点击登录和注册后，两个按钮值都变为真。就不会在切换到未选中状态。

• 为选项组起个名字
  

2.6.发布预览

2.6.1.有选项组的效果

-点击登录按钮切换到登录界面

• 点击注册按钮切换到注册界面
  

2.6.2.没有选项组的效果

• 点击注册和登录后都变为选中状态无法切换回为选中状态。