当前位置:萝卜系统下载站 > 电脑学习教程 > 详细页面

Axure如何做一个Tab页面模型-Axure完成tab交互技巧的技巧

Axure如何做一个Tab页面模型-Axure完成tab交互技巧的技巧

更新时间:2023-06-05 文章作者:未知 信息来源:网络 阅读次数:

本站电脑知识提供应用软件知识,计算机网络软件知识,计算机系统工具知识,电脑配置知识,电脑故障排除和电脑常识大全,帮助您更好的学习电脑!不为别的,只因有共同的爱好,为软件和互联网发展出一分力!

      近日有一些小伙伴咨询小编关于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交互功能的技巧,希望大家喜欢哦。


学习教程快速掌握从入门到精通的电脑知识

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html