BenLeiQiang的博客

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

本文解析Axure9下拉列表的读取与联动问题。首先说明原生下拉列表选项无法通过其他元件动态修改的官方限制，只能手动添加选项。接着展示如何读取下拉列表的selectedOption等属性值并赋值给文本框和中继器。最后提供两种联动方案：1）当文本框输入与下拉选项匹配时自动选中对应项；2）通过中继器实现下拉列表选项联动。文章包含详细实现截图，并推荐相关Axure课程专栏。虽然原生下拉列表存在动态修改限制，但可通过中继器模拟实现类似效果。

本文介绍了Axure中继器在数据筛选中的应用，特别是时间条件筛选和多条件组合筛选的解决方案。文章首先指出了Axure中继器筛选的两个难点：时间区间筛选和多条件筛选，并提供了具体的解决方法和设计过程。通过设置输入条件与中继器内容比对，使用Date.parse()函数进行时间筛选，以及利用动态面板实现多条件筛选，文章详细展示了如何在Axure中实现复杂的数据筛选功能。此外，文章还强调了时间格式标准化、筛选逻辑设计、交互设计要点和性能优化等注意事项，帮助读者更好地理解和应用Axure中继器的筛选功能。

适用于APP横向菜单栏、台账菜单栏等场景。文章详细解析了如何实现左右拖动效果及设定移动阈值，强调了动态面板和元件坐标的重要性。通过案例展示，课程展示了如何优化菜单拖动效果，使其更美观和实用。此外，文章还列举了横向菜单拖动在导航菜单溢出处理、选项卡切换、轮播式菜单等场景中的应用及其主要作用，如解决屏幕空间限制、增强交互体验等。

通过解读事件与动作的核心定义，学员将理解如何通过事件触发动作，实现页面或元件的动态变化。课程还详细讲解了事件与动作的执行顺序，帮助学员避免常见的交互Bug，并实现更复杂的动态效果。此外，课程提供了通用事件和动作的详细解释，帮助学员在实际应用中灵活运用。建议收藏课程内容，以便在遇到交互问题时参考。

通过智慧运输管理平台-车辆管理模块的案例，详细演示了筛选、新增、编辑、删除、查看五个主要功能的实现方法。文章强调了数据互通的重要性，并介绍了如何利用文本框、动态面板和中继器进行数据读取、赋值和调用。此外，还引入了缓存理念，通过动态面板承载缓存，简化复杂交互中的赋值操作。课程旨在帮助产品经理深入理解数据互通的逻辑和过程，提升设计能力。

本文介绍了如何在Axure原型中引入Echarts示例，以实现统计分析页面的动态效果。关键步骤包括：确保Echarts示例尺寸与Axure内联框架一致、使用绝对位置链接内联框架、正确存储Echarts文件、导入数据并修改代码。具体操作流程为：在Axure中拖入动态面板，嵌入Echarts图形，修改代码后下载示例，通过内联框架链接示例，生成HTML文件，并将Echarts文件复制到HTML文件夹中。最后，通过浏览器打开index.html文件，完成Echarts示例的嵌入显示。

本文介绍了Axure产品经理精品视频课程中关于菜单打开链接后子菜单选中效果的设计方法。课程通过CSDN平台提供，主要内容包括母版设计和选中效果的应用场景。文章详细解析了在Axure中实现菜单项选中效果的正确方法，指出常见的错误做法及其原因，并提供了正确的设计思路和实现步骤。正确的做法是在页面加载时设置菜单项选中，而不是在单击时设置。

课程内容涵盖了选中效果的基本设置、常见误区及解决方案，特别是针对单击选中效果不生效和跨页面选中赋值不成功的问题进行了深入分析。文章指出，实现选中效果需要同时设置“选中样式”和“设置选中”两个条件，并强调了跨页面选中效果的设计需在母版中进行，以确保所有应用母版的页面均能正确显示选中状态。此外，文章还提供了相关课程的链接，帮助读者进一步学习和解决Axure中的其他疑难问题。

如何创建条件选区、多级中继器数据录入、全局变量以及中继器筛选的应用场景。设计思路以全局变量为核心，确保系统稳定性、架构可复用性和数据可维护性。课程还提供了性能优化技巧和典型问题解决方案，并探讨了高级应用扩展，如多级联查和模糊搜索。

数据跨页面传递、赋值及中继器交互的应用场景。通过两个案例展示了如何实现页面间数据传递与中继器行数据的跨页面赋值。案例一涉及登录页与忘记密码页之间的用户名传递，案例二则展示了在B端项目中如何通过新增页录入数据并更新台账页。文章还提供了详细的实现路径，并强调了全局变量的访问特性。

本文介绍了Axure产品经理精品视频课程中关于三级下拉菜单的制作方法。课程重点在于条件筛选时的逻辑判断思维和中继器的使用，适用于复合条件下的下拉列表制作。文章详细阐述了制作伪下拉列表的整体逻辑，包括文本框和中继器的结合应用，以及在不同用户场景下的逻辑判断和交互设计。制作难点在于用户应用场景下的逻辑判断，实现难度中等。文章还提供了步骤分析和实现截图，帮助读者理解如何通过中继器和文本框组合实现伪下拉列表，并强调了基于业务场景的逻辑判断在产品设计中的重要性。

本文介绍了Axure中文本框的多种应用和功能，包括文本框的读取、赋值、验证和计数等。通过具体案例，如验证码生成、字符实时监测、输入结果比对和文本框赋值等，展示了文本框在界面设计中的重要作用。文章还详细讲解了如何利用Axure的函数和交互设计实现这些功能，强调了掌握文本框特性对提升产品设计效率的重要性。最后，作者鼓励读者关注相关课程和专栏，以进一步学习和解决Axure使用中的疑难问题。

主要内容包括超长菜单的实现、展开与收回的bug解释、Axure9版本的限制等问题。文章分为两个部分：第一部分针对粉丝反馈的四大类问题进行详细解答，如展开时出现的空白区域、交互元件的正确设置等；第二部分则提供了垂直菜单展开与收回的正确实现方法，包括面板嵌套、交互逻辑的详细步骤和截图说明。文章还强调了垂直菜单在Web/App设计中的重要性，并提供了相关课程的直通车链接，帮助用户进一步学习和解决Axure中的疑难杂症。

面包屑导航是一种辅助导航系统，帮助用户理解当前页面位置并提供返回上一级的快捷方式。文章详细解析了面包屑导航的定义、核心作用、常见类型（层级型、路径型、条件型）及其应用场景。此外，还提供了制作不同类型面包屑导航的方法，包括层级型、路径型和条件型面包屑的具体实现步骤。

关于全局变量的典型应用，包括全局变量的赋值、自定义及其与中继器、文本框等元件的交互。课程通过三个主要案例展示了全局变量在跨页面文本赋值、中继器数据递增和跨页面赋值中继器中的应用。这些案例帮助产品经理掌握在原型设计中处理复杂交互和跨页面数据调用的技巧，是提升设计水平的重要标志。此外，文章还提供了相关课程的链接，供读者进一步学习和探索。

初学者常见的问题，如菜单展不开或拉不回等，并指出这些问题的根源在于对“交互触发”理解不深刻。课程通过具体步骤演示了如何设计垂直菜单的折叠与展开效果，包括元件的命名、交互逻辑的设置等。

Axure RP中双引号("")和双方括号([[]])的语法解析 摘要：本文详细讲解了Axure RP中两种核心语法元素的应用。双引号("")用于静态文本引用和字符串比较，如设置固定文本值或进行条件判断。双方括号([[]])则用于动态内容，包括变量插入、公式计算和函数调用。二者可联合使用实现文本拼接和复杂逻辑，如"Welcome,[[UserName]]!"。文中还提供了实际应用示例，包括文本框赋值、中继器数据绑定等场景，并强调了注意事项如变量作用

步骤二：向动态面板中拖入一个矩形，作为菜单的外框，拖入一个按钮，命名为全部，并设置选中效果。如有其他相关问题，欢迎私信沟通，关注。步骤一：拖入页面一个动态面板作为显示区。步骤五：组合所有按钮，并转换为动态面板。步骤四：为每个按钮添加单击选中的值。步骤六：设置拖动时，左右移动的阈值。步骤三：复制出所有按钮，分别命名。横向菜单及选中组合效果。

【摘要】本课程讲解Axure中继器嵌套动态面板的高级交互设计，重点实现可拖动式数据台账效果。通过双动态面板结构（外层控制显示区域，内层装载表单数据），配合固定复选框和操作按钮，解决商业项目中长表单查看与行操作的矛盾。课程涵盖元件布局、拖动交互设计、阈值测量等核心知识点，适用于复杂后台管理系统和移动端数据展示场景，帮助产品经理掌握多级嵌套元件的综合应用技巧。

将超长表头分为三部分的设计方案：两端固定表格+中间可拖动菜单区域，通过外层动态面板限定范围、内层实现交互，确保用户体验流畅。课程详细解析了动态面板嵌套的实现步骤、阈值设置技巧，并列举了多层级Tab切换、复杂表单引导等典型应用场景。该技术可提升界面交互性，减少页面冗余，适合后台系统及移动端表单设计。

本文介绍了Axure产品经理精品视频课程中的“文本框循环赋值”主题，主要讲解了如何使用设置文本动作实现文本框和文字标签的读取与赋值，适用于页面数据表的新增、修改和查看操作。课程针对中继器操作不熟练的同学，提供了使用文本框赋值的替代方案，并详细说明了实现过程，包括页面布局创建、动态面板设置、按钮交互设计等。虽然该方法无法任意操作每行数据且依赖于元件的交互，但上手难度低，适合初学者。课程还提供了相关课程的直通车链接，方便进一步学习。

在制作高保真原型时，静态图表往往难以满足交互演示需求，而Echarts作为一款强大的数据可视化库，能够呈现丰富的动态图表效果。传统Axure图表组件存在数据绑定困难、样式单一等问题，而通过嵌入Echarts的方案，既能保持Axure的交互设计优势，又能获得专业级可视化效果。帮助产品经理在无需编写复杂代码的情况下，快速构建支持动态数据可视化的交互原型。

案例分析：发布订单时需要添加货物信息，货物信息由基础标准表单组成，从基础标准表单中取出要发运的货物，在订单页进行货物数量的手动配置，自动计算金额及总数量；步骤一：先制作基础标准表单，拖入中继器按下图内容进行基础内容的录入，在录入完所有数据后，添加按钮，组合转成动态面板；步骤二：制作订单中继器，先不要加交互，等两个中继器基本素材准备好，在制作；步骤四：配置第二个中继器。

步骤二：设置''按钮交互；首先将两套按钮进行组合，并命名，这样下一步增加交互时很好区分；分别命名为推荐区按钮、消息区按钮；两个动态面板同样命名为推荐区动态面板、消息区动态面板；步骤四：因为我们的内容超出了显示区域，而且我们不想出现右边的滚动条，那么这时候我们就需要再次转成动态面板，以实现滚动条的遮盖；交互顺序——设置四个按钮选中效果——设置四个按钮单击时动作效果。

案例分析：1、通过新增数据页面，录入多种类型文本框数据，在档案页面读取新增的数据；步骤二：进行三个页面的确定按钮的隐藏与显示交互，我们在做交互时，首先要考虑的是整体的交互，先宏观再围观的思维方式；步骤一：建立新增页面、档案页、修改页，三个页面的基本绘制；通过以上的操作，新增页面的所有数据全部输送到档案页；步骤三：新增页面确定按钮的交互细节；步骤五：修改页确定按钮的交互细节。

轨迹详情表单我们在实际场景中是从表中取值，那么我们就参照表单的形式建立多个表单详情页面，交互调用使用；因为篇幅关系，时间的筛选没有制作，以及另外一种表单的做法（中继器），如有需要可私信我，在做一篇中继器篇；步骤二：分别创建页面组成，条件查询、回放速度、查询记录、车辆轨迹详情、地图区；步骤五：添加车辆轨迹，设定坐标点根据详情地点，设置好坐标点；如有其他相关问题，欢迎私信沟通，关注。

2、插入函数：选择注册时间对应的列名TargetItem.ZCSJ，加上符号转换replace(’-’,’/’) 这样就可以取出可以识读的时间数据；步骤三：添加时间筛选；条件查询的时间格式与台账里的时间格式不统一，所以我们在筛选时需要将这个格式统一，以便于Data.parse()函数可以识读；4、加入比对：>= 开始时间，这里我们要取出开始时间的毫秒，取出开始时间LVAR1.text,并转换成毫秒Data.parse()添加三个下拉列表的内容；5、使用&&，表示“并”的意思，添加结束时间的函数。

&&”表示并的意思，当多个条件使用这个符号的时候，那么满足所有条件的数据都会被筛选出来；“||”表示或的意思，当多个条件使用这个符号的时候，那么只要满足其中一个，那么数据就会被筛选出来；步骤四：添加多选查询交互，在多选查询时，用户编号的筛选，因为是要输入一个准确的数值，这会影响到多选查询的结果输出，因此我们可以做限制，在多选查询时不可输入用户编号，那么就需要情形的添加和提示弹窗的添加；当单击重置按钮时，中继器要移除筛选条件，页面的查询条件输入框也需要回到初始状态，那么就需要我们设置两个交互；

经过多次尝试从外向内读取失败后，换了拿数据的方法，我们不从中继器外向内读取数据，可以在中继器修改按钮交互触发时，向外多输出一份数据，这样，我们实际上拿到了两份标记行的数据，一份作为修改使用，另一份作为备份，当我们需要时再次使用！实现路径：单击时——隐藏修改页面——更新行——目标中继器——已标记——对应列值。步骤一：设计“修改页面”作为我们修改中继器数据的录入窗口，注意文本框的时间格式，载入时隐藏（需要时由修改按钮调出）步骤二：添加修改交互，点击修改——显示修改页面——标记当前行——传出文本给文本框。

步骤五：添加一级类目下蔬菜的交互；单击蔬菜按钮——显示二级类目——设置选中效果；步骤二：依次录入一级类目、二级类目、三级类目、商品名单，组成整体信息内容。步骤七：依次为叶菜、瓜菜二级、三级、商品名称添加如上按钮的交互和更多选项。步骤三，除了一级类目，全部设置成载入时隐藏。如有其他相关问题，欢迎私信沟通，关注。

步骤二：命名，设置两个主菜单组合，命名为基本元件库和交互效果；并分别组合两个子菜单，分别命名为基本元件库子菜单、交互效果子菜单；步骤一：拖入矩形，将颜色设置成和案例一致即可，分别进行文字输入，参考案例；步骤六：叠加四个按钮，形成如下图的效果；如有其他相关问题，欢迎私信沟通，关注。步骤五：交互效果菜单项展开与折叠交互。步骤三：添加两个子菜单载入时隐藏；步骤七：添加整体悬停效果，完工。

步骤一：拖入复选框并命名为中继器外复选框，提示信息“选择”，下箭头icon；步骤二：添加中继器外复选框的交互，选中时——两个复选框值为真，取消选中时——两个复选框值为假；步骤四：添加一键反选交互，反选时外部复选框值为假，内部复选框可能有选中的项，所以要选择切换；步骤二：添加下箭头交互，单击时——切换选择弹窗可见性；步骤三：添加一键全选交互，全选时内外复选框的值均为真；