benleiqiang的博客

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；步骤二：添加中继器外复选框的交互，选中时——两个复选框值为真，取消选中时——两个复选框值为假；步骤四：添加一键反选交互，反选时外部复选框值为假，内部复选框可能有选中的项，所以要选择切换；步骤二：添加下箭头交互，单击时——切换选择弹窗可见性；步骤三：添加一键全选交互，全选时内外复选框的值均为真；