Axure怎么做一个Tab页面模型

 2023-07-20    164  

本文主要介绍:近日有一些小伙伴咨询小编关于Axure怎么做一个Tab页面模型呢?下面就为大家带来了Axure实现tab交互功能的技巧,有需要的小伙伴可以来了解了解哦。

近日有一些小伙伴咨询小编关于Axure怎么做一个Tab页面模型呢?下面就为大家带来了Axure实现tab交互功能的技巧,有需要的小伙伴可以来了解了解哦。

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

Axure怎么做一个Tab页面模型 软件办公 第1张

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

Axure怎么做一个Tab页面模型 软件办公 第2张

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

Axure怎么做一个Tab页面模型 软件办公 第3张

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

Axure怎么做一个Tab页面模型 软件办公 第4张

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

Axure怎么做一个Tab页面模型 软件办公 第5张

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

Axure怎么做一个Tab页面模型 软件办公 第6张

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

Axure怎么做一个Tab页面模型 软件办公 第7张

以上就是Axure实现tab交互功能的技巧,希望大家喜欢哦。

  •  标签:  

原文链接:https://000nw.com/19346.html

=========================================

https://000nw.com/ 为 “电脑技术吧” 唯一官方服务平台,请勿相信其他任何渠道。