用Axure制作多tab标签

最新推荐文章于 2024-09-04 08:53:06 发布
原创 最新推荐文章于 2024-09-04 08:53:06 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用Axure中的动态面板功能来制作多tab标签页面，通过简单的步骤演示这一高级交互设计技巧，并分享了一个视频教程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Axure 列表滚动：表头非常多（横向滚动方向）、分页（纵向滚动） | 基于动态面板的滚动方向和取消调整大小以适合内容两个属性进行实现
专注于计算机研发知识和资讯分享
04-08 398
基于动态面板的滚动方向和取消调整大小以适合内容两个属性进行实现列表滚动的横向滚动和纵向滚动。在画布添加一个列表及外部矩形框，使列表中内容大于外部矩形框高度；在调整动态面板的宽高，使动态面板与外部矩形切合。将列表创建动态面板，并将列表属性。
【Axure】制作Tabs标签页
tina11241124的博客
06-18 993
最近工作中使用到了Tabs标签页，所以写篇操作步骤文，以免自己隔段时间不用忘记后查看。 1、
axure rp9制作tab页方法
weixin_42691754的博客
10-31 9148
1.首先在页面中拉一个矩形框，命名为tab1 2.给矩形设置鼠标悬停及选中时样式 3.设置鼠标交互选中当前页面时颜色按照鼠标样式，见图 !设置鼠标交互是在网页中点击选中的样子](https://img-blog.csdnimg.cn/20191031153340298.png) 4.复制一个tab矩形框命名为tab2 5.两个矩形tab1和tab2创建选项组，选中两个矩形右键选择选项组 ...
【Axure教程】能增删改的树形表格
mushe93的博客
03-15 3205
今天教大家怎么在Axure里制作多层级动态表格，包括展开、折叠、增加、修改、删除等效果，具体效果如下所示：
【Axure教程】多选和批量操作
最新发布
ofay
09-04 1999
在系统操作中，批量操作是常用的操作方式，例如批量启用、批量禁用、批量删除、批量下载……所以今天作者就教大家如何在Axure中制作一个能多选和批量操作的的原型模板，该原型主要使用中继器制作，所以复用性很高，再次使用时只需填写中继器表格内容，自动实现交互效果。
用Axure制作页面滚动时菜单固定在顶部的页面.rp
04-18
用Axure制作页面滚动时菜单固定在顶部的页面 1.在Axure工作区中拖入4个矩形，分别为Head，Tab，content和bottom，其中content长一些 2.复制tab为tab2，坐标x与tab相同，坐标y为0，转化tab2为动态模板，并设置为隐藏 ...
Axure使用动态面板制作tab切换效果
热门推荐
Ask马小向的专栏
03-21 1万+
最近在公司使用axure做原型设计，记录下学习进度和遇到的问题处理方法 今天写下使用动态面板制作tab切换效果 效果如下：切换栏目1,2,3分别显示不同的页面 步骤： 在页面添加导航栏，并设置按钮的shape name为tab1，tab2，tab3 在导航栏下面添加动态面板，命名为tab选项制作，并给动态面板添加三个状态state，命名为1
【Axure交互教程】 可滑动的标签页效果
Daisy Axure
08-04 963
作品名称：可滑动的标签页效果 作品编号：Case002 软件版本：Axure9 作品类型：交互案例 原型预览链接（附源文件下载链接）：http://daisyaxure.com/demo/Case002 标签页式导航是移动端常见的一种导航形式，可以用于让用户在不同的视图中进行切换，今天我们来讲下如何用Axure实现制作一个可滑动的标签页。 交互效果说明 1.左右滑动查看所有标签。 2.鼠标点击时可选中当前标签，同时只能选中一个标签。 3.点击位于边缘位置的标签，该标签可移动..
使用Axure RP9 实现Tab选项卡切换选中功能
qq_53821346的博客
03-15 6989
在学习使用Axure RP9软件绘制原型图的过程中，遇到需要实现Tab选项卡切换的交互效果，现将制作思路记录下来
Axure交互制作-多页签可滚动的选项卡
11-12
Axure交互制作原形Axure交互制作-多页签可滚动的选项卡
axure 中关于标签的运用和页面的嵌套，初学
12-13
axure 中关于标签的切换，和页面的嵌套。
Axure一个页面中完成多个页签的切换
weixin_68221025的博客
11-24 861
首先，创建两个动态面板，分别是页签、对应的内容。每个状态中的页签，分别设置点击事件，如图，对应的去设置内容与页签。
Axure中继器完成表格的增删改查的自定义元件（三列表格与十列表格）
kissship的博客
12-19 1623
具体来说，Axure中的中继器是一种特殊的图形元素，通常以箭头的形式表示，用于连接不同的页面或部件。中继器的作用是将一个页面或部件中发生的事件或信息传递给另一个页面或部件，实现页面之间或组件之间的交互。
Axure--使用动态面板制作tab页面切换3.zhizuo
星空
03-28 792
什么是TAB页面切换？ 我的理解是：点击不同的标题或者标签，内容显示区显示不同的结果。通常标题或者标签是并列排放的。如携程网首页下面的部分。 注：对于上面的内容区部分，是非常有规律的，这种使用中继器来做会很简单。 期望效果： 单击不同的tab页面切换显示不同的tab内容页，且选中页签的标题变红色。 为了好理解，做一个简单的5月份汽车销量排行，分别按照轿车，SUV，MPV排行显示。 ...
【Axure教程】用中继器制作标签
mushe93的博客
07-28 675
标签像是目标确定的关键字词，便于查找和定位目标的工具，用来标志产品目标和分类或内容，绑定合适的话题，能方便分类检索，也更容易让用户发现。 随着大数据的发展，标签应用于更大软件系统，所以今天作者教大家在axure里面用中继器制作高保真的标签，包括选择已有标签，输入新增标签，删除已添加的标签。 【原型预览】 https://axhub.im/ax9/5b914b5d3b727052/#g=1 【原型下载】 方式1：加入原型分享群后，可免费分享该原型，请咨询微信522073109 方式2：https:
Axure 动态面板初使用-实现简单的tab切换页面效果
设计师工作日常
02-01 5373
在 Axure 中使用动态面板实现简单的 tab 页切换的效果。
Axure 9 设计之内联框架实现tab页签切换
w_anyuan998的博客
01-26 676
Axure设计之内联框架实现tab页签切换
axure没有团队页签_Axure教程：多页签可滚动的选项卡制作
weixin_39520393的博客
12-20 360
这就是我下面要分享给大家的内容啦：首先为大家回顾传统选项卡的制作过程，再展示可滚动页签的选项卡制作过程。一、最常见的传统选项卡最常见的选项卡，一般有三四个页签，分别对应各自页面，通过鼠标点击页签，来切换到相应的页面。几个关键步骤如下：1. 准备元素准备几个矩形(作为页签)和一个动态面板(状态数与矩形数相同)。2. 设置选项组全选所有矩形，在鼠标右键的“设置选项组”菜单中或页面右侧属性栏中键入选项组...
Axure 9 实战案例，母版的应用 2，运用母版交互绘制Tab页签
默林工作室
02-07 3011
Hello！欢迎来到Axure 9 实战案例教程专栏。点击了解课程简介>>上一篇教程我们讲解了运用母版绘制微信APP的导航菜单（点击阅读该教程>>），本篇教程我们继续来讲解一下另一种菜单——Tab页签菜单，这一类菜单更多是应用在APP的顶部，例如TIM的联系人页面。 上图为TIM的联系人页，大家可以看到该页的主要交互组成包括： ①点击菜单时，会选中当前菜单； ②点击菜单时，指示线会移动到相应菜单的下方； ③点击菜单时，跳转到相应页签/页面。 为了节省时间，我们提前把TIM联系人页的Tab页签菜单初稿准备好了
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值