benleiqiang的博客

【摘要】本课程讲解Axure动态表单与表格列的智能联动设计，通过下拉选项控制数据列显示。核心方法包括：1)根据选项对中继器数据列赋空值并前移补位；2)表头动态面板状态同步切换。实现步骤：搭建基础布局→创建多状态表头面板→设置选项变更时数据列处理逻辑（后排数据前移）→关联表头动态面板切换。课程提供配套练习题及专栏资源链接，帮助系统掌握Axure交互设计技巧。

摘要：Axure交互设计课程详解点赞功能的实现方法，包括选中样式设计、文本计数（利用全局变量控制数值增减）、柱状图尺寸变化（±5像素调整）及中继器数据映射。课程通过设置双全局变量区分用户点击状态，并演示了更新行动作绑定数据列的操作流程。随课提供三道练习题（单选/填空/实操）及Axure系列专栏推荐，帮助学员系统掌握交互设计核心技能。

【Axure时间日期交互设计全攻略】课程详解三大核心场景：1.时间筛选中继器实现动态区间查询，关键函数[[Date.parse()]]配合逻辑与运算；2.中继器数据读取技巧，通过.substr()函数转换格式并借助全局变量传递；3.日期赋值操作要点，文本与日期类型文本框的差异化处理。课程包含parse/substr函数深度解析、格式兼容性解决方案及性能优化建议，配套3道实战练习题（答案：B、A）。适用于产品经理原型设计中的仪表盘过滤、表单自动填充等高频需求，助力提升原型交互真实性。完整视频教程详见CSDN专

选中行数据向外传递的基本逻辑：将中继器选中行的各列的值赋值给中继器外的每一个对应的文本框或其他元件，此时应注意施加数据传递的元件需为复选框。练习题一（单选）：中继器选中行数据传递的交互是设置在（）A、中继器内复选框        B、中继器外的按钮        C、中继器内的Column        D、接收文本框

已知与困惑：建设中继器时，我们可以通过导入图片的方法实现图片的录入，但是新增数据时，怎么录入？？直接右键导入？？我们怎么知道用户需要选择哪张图片？错误做法：设置图片，直接设置图片，这样会对中继器所有图片全部更新；直接右键录入，无法判断用户选择哪张图片；

本文针对Axure9无法直接更新图片值的问题，提出使用全局变量实现中继器图片替换的解决方案。核心方法包括：1)创建全局变量存储新图片值；2)通过标记行定位需修改的记录；3)根据变量值动态替换图片。文中详细展示了复选框交互设计、全局变量配置和修改按钮逻辑的实现路径，同时列举了动态面板切换、条件显示等其他替代方案。特别强调了图片尺寸统一、数据列配置、交互事件顺序等注意事项，并提供了性能优化建议。该方案经6小时测试验证，可实现表单台账中已有图片数据的平滑替换。

本文介绍了Axure产品经理精品视频课程中关于订单管理页面的设计与实现。课程详细讲解了订单管理页面的组成，包括订单台账、审核、配置、查看、作废、导入/导出及条件查询等功能。通过动态面板和中继器等Axure工具，课程展示了如何实现复杂的页面交互，如路径指引、查询条件扩展、选择条件显示及查询按钮的筛选功能。此外，课程还涉及订单表头、数据表及操作按钮的设计，特别是如何处理多字段和复杂交互的挑战。课程旨在帮助学员通过实践提升Axure技能，逐步进阶为中级产品经理。

这篇文章详细介绍了在Axure中设计垂直菜单展开与收回功能时遇到的常见问题及其解决方案。主要内容包括超长菜单的实现、展开与收回的bug解释、Axure9版本限制的应对策略等。文章分为两部分，第一部分针对粉丝反馈的四类问题提供了详细的解答和解决方案，如展开时出现的空白区域问题、交互逻辑的设计位置、超长菜单的滑动实现等。第二部分则通过截图和步骤详细展示了如何正确实现垂直菜单的展开与收回交互，并强调了设计中的注意事项，如触发方式、方向一致性和多级嵌套管理等。

文章介绍了Axure产品经理精品视频课程中关于面包屑导航的内容。面包屑导航是一种辅助导航系统，帮助用户理解当前页面位置并提供返回上一级的快捷方式。文章详细解析了面包屑导航的定义、核心作用、常见类型（层级型、路径型、条件型）及其应用场景。此外，还提供了制作不同类型面包屑导航的具体方法，包括层级型、路径型和条件型面包屑的制作步骤和交互逻辑。

课程详细讲解了Echarts示例的引入、尺寸调整、数据导入等关键步骤，解决了显示不全、大小不合理、示例不显示等问题。实现过程包括在Axure中拖入动态面板、嵌入面板、登录Echarts网站选择图形、修改代码、下载示例、链接内联框架、生成HTML文件等。最终，通过将Echarts示例复制到HTML文件夹并打开index.html文件，完成图表的嵌入显示。课程适合产品经理学习，帮助提升统计分析页面的设计能力。

（如遇同一事件多个动作bug不能实现，可尝试使用“等待”强制执行，人为干预执行节奏，在一些特殊场景下适用）事件触发的主体：那么有的同学会问：好的，通过定义的学习我知道做交互要先选事件，那么我怎么知道这地方要做交互？响应事件而执行的具体操作，它是交互设计的“执行单元”，决定了“要做什么”。如果说事件是交互的“触发器”，那么动作就是交互的“响应行为”。：如点击（Click）、鼠标悬停（Mouse Enter）、拖动（Drag）等；定义解读：axure中所有交互设计的第一步先要选事件，事件触发交互设计；

实现的整体逻辑是利用文本框和中继器制作“伪下拉列表”，从应用场景上广泛应用于后台类型选择框、电商类的类目选择框、物联网平台类型选择框，是中高级产品经理必须掌握的重要知识点。制作难点：用户应用场景下的逻辑判断，实现难度中等；

在实际筛选场景下，用户不可能全部都输全，那么就会用到在筛选框里自己输内容，这就要求我们做人性化的设计，上文说了我打算通过情形来判断在各种条件下输出不同的筛选结果，但是axure不支持这种筛选。Axure组合筛选的思考逻辑是：设置输入多个条件的元件文本与中继器里的内容比对，输出一致的内容作为筛选结果，这里Axure软件提供的支持是必须满足全部筛选条件，对于组合筛选唯一注意的就是移除其他筛选选项的√要去掉；满足全部条件，筛选出结果；

错误做法：选中菜单项后——单击时打开链接——设置选中；（你以为的逻辑正确，但是实现不了……）

点击注册后，我们需要弹出一个界面，用于记录用户已经注册的信息，方便用户进行复制或者其他操作，这时就需要我们对弹出的界面进行赋值，那么我们赋值的逻辑：已经注册的账号和密码数据同步到这个页面。基本设计逻辑：当文本改变时，我们判断元件文字的长度是否等于6，因为我们设置的元件长度是6，（这个数字随意设置，如果设置成12，那么判定条件就是12）如果大于6那么就提示错误信息，同时获得焦点，引导用户再次输入。比对的基本逻辑是，当失去焦点时，再次输入框的内容是否和密码一致，如下。

“选中”几乎是每个页面都需要设置的交互效果，很多小伙伴第一个学的交互效果也是这个吧。但是很多人仍然存在对“选中”的认识只是存在于单击选中……，在碰到设置选中不生效、跨页面选中赋值不成功时，又返回来去查找攻略，根据最近粉丝的反馈较多的问题：1、元件单击时-设置选中，没有出现选中效果；2、当用户点击菜单项跳转新页面后，该菜单项的选中效果设置不成功；以上两个问题归因分析：第一个问题是：对于设置选中和选中样式，两个事件存在认识误区，导致选中效果不成功；

场景分析：新增一条数据时，该条数据添加一个序号，通常中继器中的每条数据都有一个索引，代表数据的序号，但是新增数据时获取索引不可取，索引是针对已经存在的数据，此时数据尚未产生；跳转到企业台账页面，需要加一层情形判断，如果自定义的多个全局变量不为空，则执行添加行的操作，否则不执行添加行，这样做的目的防止每次打开台账页时添加空行数据出现bug；场景分析：用户输入账号的页面是登录页，忘记密码操作在忘记密码页，如实现忘记密码页自动添加登录页的用户已输入的账号，就涉及到跨页面进行文本赋值；3、跨页面赋值中继器。

这套设计思路是以全局变量作为多个中继器之间数据传递为核心，优点：稳定性强、可复用性强、方便数据维护；之前也有以条件判断作为核心的下拉菜单设计方法，这种方法稳定性稍差，当页面交互过多时，非常容易显示失败；这套依赖数据值的传递，使用axure底层数据结构，非常稳定，推荐使用五颗星。1. 中继器预加载 ：所有中继器初始隐藏，首次触发时加载数据。- 区县中继器：存储区县ID、区县名称、所属市ID。- 市级中继器：存储市ID、市名称、所属省ID。

上述操作已经完成了菜单的左右拖动效果，但是不美观，因为菜单过长，显得产品经理太low，我们需要再进行一步优化一下，遮盖一下多余部分，增加一个动态面板。当用户向右移动时，axure坐标的赋值是以右侧最先到达的坐标，而不是开始位置0的坐标；规范，美观，完美表达了横向菜单左右拖动效果，给研发的小伙伴演示起来也是丝滑的感觉。这里是左右拖动的关键环节，很多粉丝都是在这里失败，认为是0，其实不是的；如有其他相关问题，欢迎私信沟通，关注。

编辑有点麻烦，应用场景是：当用户选中了一行数据要编辑，这时候就要弹出编辑页面，而且是选中行的，修改后对原数据进行修改。筛选的逻辑：由查询按钮来触发，单击时-中继器添加筛选-查询条件文本与中继器列相符时-显示查询结果；当新增一条数据时，需要有一个录入界面，我们制作一个动态面板；新增数据的基本逻辑：点击新增按钮时，显示新增页面-将页面的数值选择添加行-赋值给中继器；编辑页面的数据怎么来？

关于垂直菜单的折叠与展开交互，是产品经理入门是一个非常常见的问题，很多人会出现“展不开子菜单”、“拉不回子菜单”、“展开错位”、“拉回错位”等等这些问题，那么发现问题，我们就要找问题的原因，单纯告诉大家怎么做，以后还会犯类似的错误。那么折叠与展开的归因是大家对“交互触发”理解不深刻，什么时候触发我们设计好的交互，在哪种场景下需要触发，有的人看到这就划过去了，我负责任的说，以后你一定会遇到使用文本框计数的场景，那时候还要回来补课的。

因为台账页行数据一般具有关联关系且多项，那么我们新增企业信息，就需要制作新增页来减轻页面的处理压力、提高处理速度，而不是在台账页进行新增，这属于产品的基本设计思维；案例一场景：登录页用户输入用户名后忘记了密码，单击忘记密码试图找回密码，这时我们就需要在密码页显示用户已输入的用户名，用户无需再次输入账号；3、台账页载入时，判断自定义的全局变量是否为空，为空则不添加数据；在密码页载入时——自定义的全局变量——赋值给该页面的账户文本框——完成；2、新增页用户对新增的多个项目录入完毕后，赋值给自定义的全局变量；