Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

番茄系统家园 · 2022-03-22 10:14:51

使用软件的过程中,鼠标在同一个页面点击不同的Tab栏显示不同的内容。现在分享利用Axure制作类似效果图,很简单,详细请看下文介绍。

软件名称:
Axure RP v8.1.0.3382 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
83.2MB
更新时间:
2019-04-26

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

打开一份Axure文档,新增一张Page,命名为“Tab页面”。

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

将“容器”下的元件“标签”拖至页面编辑区。

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

双击“标签”元件顶部的三个标Tab栏,重命名。

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

双击Panel区双击进入编辑状态,插入“样式”Tab的图片。

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

勾选State2编辑“交互”Tab的内容。

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

类似操作设置“说明”Tab的内容。

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

点击“预览”按钮,在浏览器中可以实现Tab页内容的切换效果。

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

以上就是Axure实现tab交互功能的技巧,希望大家喜欢,请继续关注。

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/195430eTM4AU.html
猜你喜欢
最新应用
热门应用