实现一个类似淘宝登陆,可以切换标签的窗口。
![Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客 Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客](http://img2.ph.126.net/ukuw_eAG_8cwixv2nK6Cwg==/4815755376642861137.jpg)
第一步,新建一个动态面板
![Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客 Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客](http://img0.ph.126.net/VHjM3ir9IiFRZgBk5zcqyA==/1257348721066663239.jpg)
第二步,双击该动态面板,弹出面板状态管理器, 状态1—>编辑
![Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客 Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客](http://img0.ph.126.net/_PY_XPRpF2rbmQfh_aZ2iQ==/4856569248266149272.jpg)
第三步,在打开的状态1页面中添加矩形,注意蓝色的线框为动态面板的大小,不要超过蓝色线框区域。
![Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客 Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客](http://img2.ph.126.net/DpJCfczULc3RKpCasJ5L_Q==/4859946947986677119.jpg)
第四步,在该矩形中添加一个小矩形,用来代表
另外
一个Tab页。
![Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客 Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客](http://img0.ph.126.net/PkAdi-dXPGVks21H-gNIww==/4859946947986677144.jpg)
![Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客 Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客](http://img0.ph.126.net/jxFI7ry4UqFkdMqFxELpQA==/6619311787374370143.jpg)
第五步,给名称为“Tab B”的矩形添加事件(鼠标移入/点击,转到状态2页面)
![Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客 Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客](http://img2.ph.126.net/lqFaPAQv_hyDAosumM6dbw==/829225281490065449.jpg)
第六步,同理,编辑状态2页面,添加一个矩形“Tab A”,并给该矩形添加事件(鼠标移入/点击,转到状态1页面)
![Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客 Axure动态面板简单示例(仿淘宝登录界面) - 郁郁 - 郁郁的博客](http://img2.ph.126.net/WZsPNFr9f4q8u4YJCY5a5g==/57702370326651080.jpg)
第八步,生成原型,完成。