axure设计高保真Tab切换标签

2025-05-23 06:39:47

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切换标签
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢