Axure一个页面中完成多个页签的切换

#97446

已于 2023-11-24 20:08:31 修改

阅读量736

点赞数

文章标签：产品经理 axure

于 2023-11-24 17:45:00 首次发布

本文链接：https://blog.csdn.net/weixin_68221025/article/details/134537275

版权

首先，创建两个动态面板，分别是页签、对应的内容。每个动态面板内添加5个状态，分别是5个状态被选中的效果和对应的内容，如图：

每个状态中的页签，分别设置点击事件，如图，对应的去设置内容与页签。

最终效果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

#97446

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

axure中弹出框页面切换

@枫叶小馆倩

01-07

496

#搬砖人日记元件：动态面板 #步骤 1.拖入一个动态面板，添加2个状态，状态1命名为保存，状态2命名为重置； 2.打开保存状态添加内容； 3.打开重置状态添加内容； 4.给保存状态页面中的重置按钮添加用例。 #成年人的烂笔头 #碎碎念老大工位和自己在一条水平线上是什么感受？感动吗？我不敢动！ ...

【Axure RP9基础】 Axure标签页切换详解

miroro0921的博客

07-05

8254

【Axure RP9基础】标签页切换在设计原型中，PC和APP端标签页切换是常用的功能，那么在用Axure画原型时我们可以用矩形和动态面板做出标签页切换的效果。最终效果：点击标签页，显示标签页选中状态，并切换至对应的标签页 App中常见的效果：步骤1：拖动矩形至画布，为矩形命名为1，输入内容：1，添加交互单击时设置选中当前元件为真；步骤2：为矩形添加交互样式,元件选中的样式，设置选中时的填充颜色、字体颜色等，可点击更多设置更多内容（一般选中时会给一个反色，抓住视线）步骤3：拖动元件动

参与评论您还未登录，请先登录后发表或查看评论

码农jQuery页签切换Tab标签切换+导航栏+手风琴

09-11

由小码农提供 http://www.xmn-xdm.com 为了方便开发，本案例包含jQuery页签切换Tab标签切换+导航栏+手风琴

切换页签简单例子

06-22

安卓切换页签简单实例安卓切换页签简单实例安卓切换页签简单实例

Axure交互制作-多页签可滚动的选项卡

11-12

Axure交互制作原形Axure交互制作-多页签可滚动的选项卡

Axure 9 设计之内联框架实现tab页签切换

w_anyuan998的博客

01-26

605

Axure设计之内联框架实现tab页签切换

Axure实战教程：tab导航页面切换

weixin_45045252的博客

03-13

1463

6、最后，为了保证tab导航点击时，只选中其中一个，则需要同时选中两个文本标签，鼠标右键，给他们添加选项组，命名为a1。在实现移动端和PC端高保真原型时，我们经常遇到tab页签导航，点击导航可以切换不同的页面。接下来给大家分享一下具体的实现过程。1、准备一下元件：2个文本标签作为tab导航，一个矩形作为导航背景框以及一个动态面板。2、同时选中两个文本标签，给他们添加【鼠标悬停】和【元件选中】的交互样式。5、再添加下面的动态面板状态切换。

Axure实现tab页面切换功能

竹毛言己

04-23

2634

Axure实现tab页面切换功能

【Axure教程】多图表动态切换

mushe93的博客

10-19

560

今天教大家如何在Axure中通过中继器实现多图表动态切换的效果~~~

axure制作动态切换标签页

csdnjquery163com的博客

06-30

1821

Axure的版本8.0 一、实现的功能及展示效果：标签页切换；二、元件搭配 1、Box； 2、动态面板；三、实现逻辑 1、选择标签1展示面板1； 2、选择标签2展示面板2；四、操作步骤 1、将动态面板拖入界面，并给动态面板设置两种状态”标签1“和”标签2“；双击动态面板打开设置状态界面； 2、双击”标签页1“，进入到编辑界面，拖入两个Box，分别命名为”标签页1“和”标签页2“，给”标签页1“设置蓝色背景； 3、设置标签页1的单击事件，单击标签页1时展示”标签页

Axure 动态面板初使用-实现简单的tab切换页面效果

设计师工作日常

02-01

4867

在 Axure 中使用动态面板实现简单的 tab 页切换的效果。

Axure--页面相互跳转

星空

04-09

5256

打开Axure软件，首先在页面1中创建一个按钮；选中按钮后，选择右侧的交互样式，当鼠标单击时；选择打开链接；、在浏览器中预览一下；可以发现从页面1跳转到页面2； ...

Axure原型设计之动态面板页面切换（tab页）

03-12

在Axure RP软件中，动态面板是一个非常重要的组件，它能够实现多种复杂的交互效果，例如隐藏显示、移动动画以及状态切换等。动态面板本身就是一个容器，可以在其中添加多个状态，每个状态都可以有不同的布局和内容，...

Axure9 教程：利用全局变量实现跨页面传值.docx

05-30

在 Axure9 中，全局变量是一种特殊类型的变量，它可以在多个页面之间共享和传递数据。全局变量可以被定义在项目中，并可以在不同的页面中访问和修改。通过使用全局变量，我们可以实现跨页面的数据传递，例如在一个...

Axure中跨页面动态面板状态设置的实现方法

招风的黑耳CSDN

08-21

2282

确保在源页面触发交互时，全局变量的值被正确设置，并且在跳转到目标页面后，动态面板的状态能够根据全局变量的值进行正确的切换。首先，在Axure的顶部菜单中找到【项目】下的【全局变量】，这里可以定义你需要使用的全局变量。选择【设置变量值】事件，将目标设置为之前定义的全局变量（如panelState），并设置其值为期望的状态标识符（如“1”表示状态1，“2”表示状态2）。在目标页面（即动态面板所在的页面），你需要添加页面加载时的交互动作，以便根据全局变量的值来设置动态面板的状态。三、设置目标页面的交互。

页面多个页签切换

weixin_45149572的博客

09-06

1153

页签切换

jquery判断页签切换

weixin_40316135的博客

07-14

如何实现jquery判断页签切换概述在网页开发中，经常会遇到需要实现页签切换的功能。使用jQuery可以方便地实现这一功能。本文将详细介绍如何使用jQuery来实现页签切换，适合刚入行的小白开发者学习。流程下面是实现jquery判断页签切换的整体流程：步骤操作 1 创建HTML结构 2 编写C...

Axure 9 实战案例，母版的应用 2，运用母版交互绘制Tab页签

默林工作室

02-07

2942

Hello！欢迎来到Axure 9 实战案例教程专栏。点击了解课程简介>>上一篇教程我们讲解了运用母版绘制微信APP的导航菜单（点击阅读该教程>>），本篇教程我们继续来讲解一下另一种菜单——Tab页签菜单，这一类菜单更多是应用在APP的顶部，例如TIM的联系人页面。上图为TIM的联系人页，大家可以看到该页的主要交互组成包括： ①点击菜单时，会选中当前菜单； ②点击菜单时，指示线会移动到相应菜单的下方； ③点击菜单时，跳转到相应页签/页面。为了节省时间，我们提前把TIM联系人页的Tab页签菜单初稿准备好了

主流 AI 生成 3D 技术流派辨析：Text-to-3D, Image-to-3D 与 NeRF 应用概览 (AI+3D 产品经理笔记 S2E02)

最新发布

u013524397的博客

04-26

1226

Text-to-3D (文本到三维): 如何让 AI 根据一段文字描述“凭空”创造出 3D 模型？ Image-to-3D (图像到三维): 如何从单张或多张二维图像中恢复或生成对应的 3D 结构？ NeRF (神经辐射场): 作为一种强大的场景表示和渲染技术，它在 3D 重建和生成中扮演着怎样的角色？ (可能涉及) Sketch-to-3D (草图到三维) 及其他: 其他值得关注的交互式生成方式。

axure 一个容器包含多个

07-13

### 回答1： Axure是一种流行的原型设计工具，它被广泛用于创建网站和移动应用的交互原型。在Axure中，一个容器可以包含多个元素。首先，容器是一个可以容纳其他元素的区域。在Axure中，可以使用矩形、圆角矩形、椭圆、多边形等形状作为容器。通过将其他元素放置在容器内部，可以将它们组织在一起。其次，多个元素可以被放置在一个容器中。这些元素可以是文本框、按钮、图像、下拉列表等等。通过将它们放置在容器内部，可以创建更复杂的交互原型。例如，可以将多个按钮放置在一个容器内，以创建一个按钮组；或者将多个文本框和图像放置在一个容器内，以模拟一个用户个人资料页面。在Axure中，容器还可以具有特定的行为和属性。通过设置容器的交互动作，可以实现例如展开、折叠、滚动等效果。此外，通过设置容器的样式、大小和位置，可以控制容器在原型中的外观。总而言之，Axure中的容器是一个重要的工具，它可以帮助设计师更好地组织和管理元素，并创建更复杂、更真实的交互原型。通过合理使用容器，可以有效地提高原型设计的效率和质量。 ### 回答2： Axure是一款专业的原型设计工具，它允许用户创建具有各种交互和动态效果的网页和应用程序原型。在Axure中，容器是一种用于组织和管理其他对象的元素。一个容器可以包含多个其他元素，例如文本框、按钮、图像等。使用Axure的容器功能，我们可以将相关的元素组织在一起，以便更好地管理和编辑。比如，我们可以将一个页面的内容放在一个容器中，然后在该容器上添加各种交互，比如链接和状态切换。这样，我们在查看和编辑页面原型时，可以更方便地对其中的元素进行操作和调整。在Axure中，容器可以是简单的矩形框，也可以是更复杂的组合型容器，比如Tab面板或手风琴效果。无论是哪种类型的容器，它们都可以被自由调整大小和位置，以适应不同的页面布局和设计需求。另外，Axure还提供了一些特殊的容器类型，比如动态面板和重复区域。动态面板可以用于创建动态效果，比如展开和收起菜单的动画效果。而重复区域则可以用于创建列表或表格等重复的结构，使用户可以通过添加和删除元素来动态调整内容。总而言之，Axure的容器功能是一个重要的设计工具，能够帮助用户更好地组织和管理页面元素，提高原型设计的效率和质量。 ### 回答3： Axure是一种交互设计工具，它具有强大的原型制作功能，可以帮助设计师和开发人员创建交互式原型，从而更好地理解和呈现产品的功能和用户体验。在Axure中，我们可以使用容器来组织和管理原型页面上的元素。一个容器可以包含多个元素，这意味着我们可以将不同的元素（如文本框、按钮、图片等）放在同一个容器中。通过将多个元素放置在同一个容器中，我们可以更好地管理和控制这些元素的位置、样式和行为。使用容器的好处之一是可以更好地组织和分组原型页面上的元素。比如，我们可以将一个容器用于放置一组相关的按钮，另一个容器用于放置一组相关的文本框。这样，当我们需要调整这些元素的样式或布局时，只需对容器进行操作，而不必逐个操作元素。另一个好处是可以更好地控制元素的行为。在Axure中，我们可以为容器添加交互动作，比如单击容器时显示隐藏的元素，或者拖动容器时改变元素的位置。这样，我们可以通过对容器进行操作，为多个元素添加共享的交互逻辑，减少了重复的工作量。总而言之，Axure中的容器是一种强大的元素组织和管理工具，可以帮助我们更好地设计和制作交互原型。通过将多个元素放置在一个容器中，我们可以更好地组织和控制这些元素的样式和行为，提高工作效率和原型质量。