上次分享了浮木云的静态页面搭建，教我们在短时间内快速形成原型页面，但好的原型设计怎么可能少的了动态交互效果呢？因此，原型页面的交互编排是至关重要的，本次就浮木云平台的交互编排形成简单的记录，分享给大家共同成长。顾名思义，交互编排就是编排原型页面之间关联交互，使得页面有动态交互的效果。
如果说原型页面是原型设计的核心，那么页面之间的动态交互效果就是原型设计的点睛之笔，建立动态交互效果，无论是对客户还是对研发，都能通过原型设计很好的理解业务需求逻辑。我就不放链接了，如果大家感兴趣的话自行搜索关键词哈。
在介绍静态页面搭建之前，我已经完成几个静态页面的搭建，确保页面之间都有动态交互的效果。
1、打开弹窗
当页面设计中触发某个按钮，即可出现弹窗，这就是打开弹窗的交互效果。为实现这个效果，需要为这个按钮和弹窗之间建立交互编排关系。以下图为例，选中【添加企业】按钮，在“交互编排”中对【添加企业】按钮“新增事件编排”。
选择“打开弹窗”卡片，放入画布中，并与画布页面的两个图标建立连接，同时选中弹窗卡片，在画布右侧选择需要触发的弹窗组件，保存即可完成【添加企业】按钮与“添加企业”弹窗之间的关联关系，这样看来页面之间的动态交互制作也可以如此简单呀。
2、重置组件
当用户通过查询条件搜索特定数据之后，点击【重置】按钮，页面就会实现刷新重置的效果。为实现这样的效果，我们只需要对【重置】按钮进行交互编排即可。选中“重置组件”卡片放置在画布中，连接画布中的两个图标，在右侧选择对应需要刷新的组件，保存即可完成重置按钮的交互编排。
3、显示组件&隐藏组件
这两个组件会在同一场景同时触发，例如你点击某个按钮，在相同页面的相同位置需要切换不同的内容，就要用到显示组件，触发需要显示的内容，同时用到隐藏组件，触发需要隐藏的内容，这样就会实现在相同页面的相同位置显示不同内容的效果。
4、打开新的页面
在一些网站中，我们总是能看到触发某个按钮，就会打开新的网站页面，这在浮木云平台也可进行对应的交互编排实现相应的交互效果。选中“打开新的页面”卡片，连接画布中两个图标，在画布右侧选择跳转类型，包括内部页面和外部页面，内部页面指的是目前创建的应用系统页面，外部页面可直接链接外部页面。根据跳转类型在“跳转地址”中选择对应的跳转页面，保存即可完成打开新的页面的交互效果。
5、当前页面跳转
用户触发某个按钮，可实现从当前页面进入下沉页面，下沉页面内容依然在当前页面显示，为实现这样的效果，用户选中“当前页面跳转”卡片放置在画布中，连接画布中两个图标，并对选中的卡片设置跳转类型和跳转地址，点击保存，即可实现在当前页面跳转的效果。
6、打开抽屉
该组件的交互跟打开弹窗是一样的，用户在页面点击某个按钮，页面侧面会弹出抽屉弹窗。为实现这样的效果，用户只需要对某个需要触发抽屉弹窗的按钮进行交互编排即可，编排步骤和“打开弹窗”的交互编排步骤是一样的。
7、关闭弹窗&关闭抽屉
在页面交互中，我们往往会对一些弹窗或抽屉进行关闭的交互动作，这样的效果就是对弹窗或抽屉上的某个按钮交互编排，即可实现弹窗关闭或者抽屉弹窗关闭的效果。一般情况下，关闭弹窗的交互是通过点击弹窗的【取消】按钮或【确定】按钮，弹窗就会关闭。下图展示对【取消】按钮进行关闭弹窗的交互编排。
进入交互编排页面，选中“关闭弹窗”卡片放置在画布中，并连接画布中两个图标，在画布右侧选中需要关闭的弹窗组件，保存即可完成关闭弹窗的交互编排。
关闭抽屉的交互编排也是一样的编排步骤，对抽屉弹窗上的按钮进行关闭弹窗的交互编排，放置“关闭抽屉”卡片，连接画布中两个图标，在画布右侧选择需要关闭的抽屉组件，保存即可完成关闭抽屉的交互编排。
以上就是我分享的一些基本常用的交互编排了，希望对大家对浮木云的了解有所帮助。由于其他的组件较为复杂，目前正在研究中~，待我学有所成，后续我会对每个复杂的交互编排一一介绍，望大家敬请期待~
