axure 9 绘制一个TAB选项卡原型

作者: 醉月思 发布日期: 2019-10-25 分类: 学习笔记

1. 创建一个Dynamic panel

2019-10-17T00:43:02.png

2. 添加面板状态

双击动态面板，点击state1添加，编辑面板状态

2019-10-17T00:47:06.png

添加至三个面板状态

2019-10-17T00:48:58.png

3. 创建选项卡

2019-10-17T00:45:12.png

确保是在对应的state里面添加

2019-10-17T00:50:59.png

4. 添加选项卡点击事件

为选项卡添加点击切换到对应的state的状态

2019-10-17T00:53:25.png

依次添加直至所有选项卡都有可切换到对应state的点击事件

2019-10-17T00:55:31.png

5. 设置响应状态

在不同的state下，设置对应state应该显示的效果

state1的效果

依次将组件复制到其他state并设置对应显示效果

2019-10-17T01:02:59.png

6. 预览效果

tab.gif

版权声明: 本文首发于 指尖魔法屋-axure 9 绘制一个TAB选项卡原型（https://blog.thinkmoon.cn/post/452_axure-9-%E7%BB%98%E5%88%B6%E4%B8%80%E4%B8%AAtab%E9%80%89%E9%A1%B9%E5%8D%A1%E5%8E%9F%E5%9E%8B/） 转载或引用必须申明原指尖魔法屋来源及源地址！