必须先建立流程骨架并设起始页,再为图层添加触发与动作交互;滚动需显式启用溢出行为,且容器尺寸须小于内容总尺寸。

要在MasterGo中创建一个可点击、可跳转、能演示真实操作路径的交互原型,必须先建立清晰的流程骨架,再为具体图层添加触发与动作关系——没有流程,交互就无处依附;没有起始页,流程就无法被定位和演示。
搭建流程骨架
流程是MasterGo原型的逻辑容器,所有交互都必须归属于某个流程。一个项目可以有多个流程,但每个流程只能有一个起始页,且起始页必须是一级容器(即画布上的顶层Frame)。
第一步:切换到顶部工具栏的【原型】模式(小播放图标),确保右侧属性面板显示「流程」栏目。
第二步:在画布上选中你准备作为该流程入口的页面(例如“登录页”Frame),然后点击右侧「流程」栏中的【+】图标→自动生成一个名为“流程1”的新流程。
第三步:双击“流程1”,将其重命名为有意义的名称,如“用户_登录验证流程”。这一步看似简单,但若跳过,后续流程增多时极易混淆,协作评审时别人无法快速理解意图。
第四步:保持该一级容器仍处于选中状态,在「流程」栏下方点击【设为起始页】按钮。此时容器左上角会出现一个带流程名和播放图标的定位点,表示该页面已被正式标记为当前流程的起点。
为图层添加交互
只有被纳入流程的图层,才能设置交互。交互由“触发”和“动作”两部分组成:前者是用户行为(如单击),后者是系统响应(如跳转到某页面)。
方法一:通过画布拖拽连接器(适合视觉化操作)
选中目标图层(如“登录按钮”)→将鼠标悬停在其右下角,出现蓝色连接器小圆点→按住并拖拽至目标页面(如“首页”Frame)→松手后弹出交互设置面板→选择触发为“单击”,动作为“跳转到页面”,点击确认。
方法二:通过右侧属性栏设置(适合批量或精细控制)
选中图层→右侧属性栏展开「交互」栏→点击【+】→在弹出窗口中选择触发类型(如“按下时”)、目标页面、过渡动画、延迟时间等参数→确认保存。
注意:如果目标页面未被纳入当前流程,系统会自动将其加入,但不会自动设为起始页。若需多流程复用同一页面(如“商品详情页”被“浏览流程”和“购物车流程”共用),无需重复添加,直接选择即可。
设置滚动与溢出行为
当内容超出容器可视区域,需要模拟手机App的滑动体验时,必须显式启用滚动,否则内容会被裁切且无法滑动。
选中承载长内容的容器(如列表容器)→右侧属性栏找到「溢出行为」选项→从下拉菜单中选择“垂直”或“水平”或“水平和垂直”。【关键前提:该容器内必须已放置实际内容图层,且容器高度/宽度小于内容总尺寸】
这一步不可逆:一旦设置为“无溢出行为”,内容将被硬性裁剪,即使后续调整尺寸也无法恢复被裁掉的部分图层——务必在设置前确认内容完整可见。











