axure rp9制作tab页方法

1.首先在页面中拉一个矩形框,命名为tab1
axure rp9制作tab页方法_第1张图片
2.给矩形设置鼠标悬停及选中时样式
axure rp9制作tab页方法_第2张图片
axure rp9制作tab页方法_第3张图片
3.设置鼠标交互选中当前页面时颜色按照鼠标样式,见图未设置鼠标交互是在网页中点击选中的样子
!设置鼠标交互是在网页中点击选中的样子](https://img-blog.csdnimg.cn/20191031153340298.png)
4.复制一个tab矩形框命名为tab2
axure rp9制作tab页方法_第4张图片
5.两个矩形tab1和tab2创建选项组,选中两个矩形右键选择选项组
axure rp9制作tab页方法_第5张图片
6.拖入一个矩形,把矩形设置为动态化版,在拖入的矩形里写上tab1axure rp9制作tab页方法_第6张图片
axure rp9制作tab页方法_第7张图片
7.选中动态画板下面页面右键选择复制状态,复制出来的矩形里写上tab2axure rp9制作tab页方法_第8张图片
8.接下来设置交互就可以了,选中tab1设置交互,tab1设置好后tab2也要设置哦
axure rp9制作tab页方法_第9张图片

9.设置完后发布到网页看下效果。
axure rp9制作tab页方法_第10张图片
axure rp9制作tab页方法_第11张图片
10.也是第一次弄写下来留个笔记,以后忘了可以看看

你可能感兴趣的:(原型设计,axure)