axure设计高保真Tab切换标签

时间:2024-10-22 05:50:54

1、打开axure,从左侧控件库中找到矩形框并拖入两个到工作区并输入tab标签名称

axure设计高保真Tab切换标签

2、右侧样式设计中将边框中设置相应属性

axure设计高保真Tab切换标签
axure设计高保真Tab切换标签

3、左侧控件库中找到表格,并拖入两个到工作区重叠放置,其中一个设置为隐藏

axure设计高保真Tab切换标签

4、选中tab1,在右侧属性设置的交互样式设置中找到“选中”并进行相应样式设置。tab2做同样设置

axure设计高保真Tab切换标签
axure设计高保真Tab切换标签

5、选中tab1,在右侧属性交互下双击“鼠标单击时”事件并做相应设置。tab2做相反设置。

axure设计高保真Tab切换标签
axure设计高保真Tab切换标签

6、完成设置后按F5在浏览器中查看效果。

axure设计高保真Tab切换标签
axure设计高保真Tab切换标签
© 手抄报圈