首页/新闻资讯/正文详情

Axure 9.0 使用动态面板实现 Tab 切页

发布时间:2026/9/24 16:50:45 来源:云帆数科 栏目:资讯中心
Axure 9.0 使用动态面板实现 Tab 切页
一、页面元件准备拖拽动态面板到画布命名为tab_panel设置足够宽高用来承载各个 Tab 内容。双击动态面板新建多个状态分别命名例如tab1首页、tab2列表、tab3设置每个状态内放入对应页面的内容。3. 在页面上制作 Tab 导航按钮放置 3 个矩形 / 按钮分别命名【首页】【列表】【设置】 作为切换点击按钮。小技巧可以做两套样式一套选中高亮一套默认灰色用来实现 Tab 选中效果。二、交互设置核心1. 第一个 Tab 按钮【首页】给按钮添加鼠标单击时事件1. 设置面板状态tab_panel→切换到状态tab1首页动画选无Tab 切换一般不用动画2. 设置元件样式将当前按钮设置为选中样式另外两个 Tab 按钮恢复默认样式。2. 第二个 Tab 按钮【列表】鼠标单击时设置面板状态tab_panel切换到tab2列表设置元件样式本按钮高亮其余两个按钮取消高亮。3. 第三个 Tab 按钮【设置】鼠标单击时设置面板状态tab_panel切换到tab3设置设置元件样式本按钮高亮其余两个按钮取消高亮。三、初始化页面效果页面载入时交互设置tab_panel默认显示第一个 Tab 状态tab1首页将【首页】按钮设置为选中高亮其他导航按钮默认样式。四、预览测试按 F8 预览点击不同 Tab 按钮动态面板切换对应状态完成 Tab 切页。常见踩坑点动态面板状态名字必须和交互里选择的完全一致大小写、文字不能错否则切换无效。Tab 按钮的选中样式要提前在元件属性里设置好【选中】状态的外观。动态面板大小要把所有内容完整包住否则内容会被裁切。

相关推荐

J2CJ 开发者扩展指南:从零编写自定义转换规则,让迁移工具为你所用
J2CJ 开发者扩展指南:从零编写自定义转换规则,让迁移工具为你所用

J2CJ 开发者扩展指南:从零编写自定义转换规则,让迁移工具为你所用 【免费下载链接】J2CJ 项目地址: https://gitcode.com/Cangjie-SIG/j2cj J2CJ 是一款基于 AST 语义转换的 Java 到 Cangjie 源码转换工具。本文带你从零学会为它编写自定义转换规… · 2026/9/24 16:50:45

Hive 仓库 PR 强制关联 Issue 的自动化治理机制:pr-requirements 工作流从文档到源码的全解析
Hive 仓库 PR 强制关联 Issue 的自动化治理机制:pr-requirements 工作流从文档到源码的全解析

人工智能AI Agent多智能体MCP 服务工具调用浏览器控制 【免费下载链接】hive Multi-Agent Harness for Production AI 项目地址: https://gitcode.com/gh_mirrors/hive48/hive 点击查看 免费下载 本文以 docs/pr-requirements.md 为骨架,系统讲解 Hive&… · 2026/9/24 16:50:45

Native SDK渲染引擎深挖:确定性参考渲染器如何把每个像素画进真实OS窗口
Native SDK渲染引擎深挖:确定性参考渲染器如何把每个像素画进真实OS窗口

Native SDK渲染引擎深挖:确定性参考渲染器如何把每个像素画进真实OS窗口 【免费下载链接】native Toolkit for building native desktop apps 项目地址: https://gitcode.com/gh_mirrors/ze/native 在 Native SDK 渲染引擎中,没有任何浏览器或 We… · 2026/9/24 16:50:45

Android App 启动即崩溃无法 debug?用 TaoToken 统一 Key 排查配置链路
Android App 启动即崩溃无法 debug?用 TaoToken 统一 Key 排查配置链路

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/24 17:27:38

【股票交易】第 51 章 波动率与风险指标
【股票交易】第 51 章 波动率与风险指标

回到目录文章目录51.1 布林带:价格相对均值的位置与离散程度在移动平均线两侧增加会变化的边界带宽如何随数据变化收窄不预告方向,触轨不自动构成交易两倍标准差不是未来价格的保证区间51.2 ATR:把跳空纳入价格波动的观察为什么只看最高价减最… · 2026/9/24 17:27:38

2026重磅更新!英国 CBAM 正式认可中国全国碳市场!
2026重磅更新!英国 CBAM 正式认可中国全国碳市场!

一张清单,把中国碳市场的实际碳成本,和英国边境的碳税第一次连了起来。但“入选”和“免单”,中间还隔着一整套核算规则。 2026年8月27日,英国政府发布《UK CBAM:当前符合条件的碳定价机制》(List of curre… · 2026/9/24 17:27:38

工业相机的曝光方式:全局曝光、卷帘曝光、全局复位释放曝光
工业相机的曝光方式:全局曝光、卷帘曝光、全局复位释放曝光

工业相机常见的曝光方式包含全局曝光(Global shutter,也称全局快门、帧曝光)、卷帘曝光(Rolling shutter,也称卷帘快门、行曝光)以及基于卷帘曝光并结合全局曝光优势的全局复位释放曝光(Global … · 2026/9/24 17:27:38

Linux 下 Redis Cluster 安装与部署
Linux 下 Redis Cluster 安装与部署

Linux 下 Redis Cluster 安装与部署 一、环境信息系统主机密码内存端口CentOS-7192.168.4.81jxbd816G主:7001,备:7002CentOS-7192.168.4.82jxbd826G主:7001,备:7002CentOS-7192.168.4.85jxbd856G主&#xf… · 2026/9/24 17:27:20

【股票交易】第 49 章 移动平均线与趋势跟踪
【股票交易】第 49 章 移动平均线与趋势跟踪

回到目录文章目录49.1 移动平均线是什么简单移动平均线:不断更新的价格平均数股价下跌,均线为什么仍然上涨指数移动平均线 :给近期价格更高权重49.2 移动平均线有什么用途为趋势观察提供一致的参照周期选择决定观察尺度衡量价格偏离近期平均水… · 2026/9/24 17:27:07

基于YOLOv8的渔船作业监控系统:从环境搭建到边缘部署全流程
基于YOLOv8的渔船作业监控系统:从环境搭建到边缘部署全流程

简介:这是一套面向计算机、人工智能、自动化等专业学生与教师的毕业设计级项目资源,围绕YOLOv8实现渔船作业监控系统,可用于毕设、课程设计、大作业或项目立项演示。压缩包共97个文件,约24.21MB,以70个Python源码文件为… · 2026/9/24 0:00:13

1D-CNN时间序列建模实战:从Conv1d原理到工业落地
1D-CNN时间序列建模实战:从Conv1d原理到工业落地

简介:面向时间序列数据建模的一维卷积神经网络完整实现,适合深度学习入门者及需要快速验证时序模型的研究者,能够从音频、文本、传感器或股价等序列中挖掘局部特征与时间依赖。压缩包体积很小,只有3KB,内含3个Python脚… · 2026/9/24 0:00:26

柔软的L:汉语语流中被忽视的舌肌张力控制
柔软的L:汉语语流中被忽视的舌肌张力控制

1. 这个“L”不是字母表里的L,而是舌尖上的L最近在几个方言群和语音教学社群里,反复看到有人发一句:“也说字母L:柔软的长舌”。初看以为是英语发音课笔记,点开才发现全是方言爱好者、播音系学生、语言康复师甚至戏曲演… · 2026/9/24 0:00:44

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码