《用Axure进行 tab选项卡来回切换》

《用Axure进行 tab选项卡来回切换》

《用Axure进行 tab选项卡来回切换》

2、复制多个矩形框,如图,然后拖入动态面板,调整动态面板的大小
《用Axure进行 tab选项卡来回切换》
3、双击动态面板,添加多个选项卡,分别命名为 基本信息、账户信息、账户明细、密码信息
并将动态面板矩形框的上边缘覆盖四个选项卡的底部。
《用Axure进行 tab选项卡来回切换》
4、在动态面板“基本信息”内添加内容(依次在账户信息、账户明细、密码信息添加内容)
《用Axure进行 tab选项卡来回切换》
5、添加内容后,返回至index,添加用例——鼠标单击时
《用Axure进行 tab选项卡来回切换》
6、鼠标单击时,设置面板状态为“基本信息”
《用Axure进行 tab选项卡来回切换》
设置元件“置于顶层/底层”,(因当前为“基本信息”,所以“设置基本信息为顶层’,”账户信息账户明细、密码信息为底层”)
《用Axure进行 tab选项卡来回切换》
7、其余三种逻辑与6种一样
当设置账户信息时,设置面板状态为账户信息,并置于顶层,其他三个选项卡则设为底层
其余两个相同。
《用Axure进行 tab选项卡来回切换》