axure rp9制作tab页方法

时间:2024-05-21 13:36:37

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

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