Axure怎么做一个Tab页面模型

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

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

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

Axure怎么做一个Tab页面模型插图电脑技术吧

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

Axure怎么做一个Tab页面模型插图1电脑技术吧

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

Axure怎么做一个Tab页面模型插图2电脑技术吧

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

Axure怎么做一个Tab页面模型插图3电脑技术吧

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

Axure怎么做一个Tab页面模型插图4电脑技术吧

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

Axure怎么做一个Tab页面模型插图5电脑技术吧

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

Axure怎么做一个Tab页面模型插图6电脑技术吧

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

正文完
 0