.

激发你交互潜能的新组件——容器上线啦!

小常发表于:2020年06月04日 22:03:40更新于:2020年06月16日 11:24:35

尊敬的各位意派Epub360用户,历时数月,意派的技术团队们开发并上线了新功能——容器组件。

该组件从无到有经历了一段异常复杂琐碎的策划、开发、优化过程,现正式要跟大家见面了。该组件主要有2个功能点:

1、在编辑器操作层面,可以将多个元素打组进行整体拖动,方便做模块化的功能;

2、在功能层面,容器内的元素,可以作为一个整体添加动画、整体旋转、设置透明度、添加整体触发;容器外的其他元素可以对容器本身或容器内元素做触发设置。

为了方便大家理解以上两点,我们列举了一些使用场景,

 

  • 需求场景1:容器是图文音视频混合的需求

可以在一个容器内组合添加一套图文内容详情,作为整体使用。

0015ee2ee578baa20ef310b70d873bf


  • 需求场景2:数据收集

问卷调查、数据收集等多个组件的整体处理

如高级表单组件中的输入框、下拉框、单选、多选等多个数据录入组件的处理。

0015ee2f45f6a296b4cd38fc942946d

 

  • 需求场景3:测试题

测试题组件及按钮组件结合多个图片按钮使用的场景,整体移动或者复制等问题。

0015ee2f690ab88d69ae697a0dbf1a9

 

  • 需求场景4:合成海报组件

截屏组件、显示截屏、参与截屏的元素、触发截屏的按钮,提示分享的遮罩跟分享提示。

0015ee2fb01638221eaf8620a5d012e

 

  • 需求场景5:内外交互控制。

layer容器放在页面上时,页面中的元素不能对layer容器内的元素做触发设置,容器组件可以打破这个局限,支持容器在页面时,可以对容器内的元素做触发。

如,下图中的滑动切换效果是用页面左右划动的触发器制作的,根据参数变化,让整个容器左右移动指定距离,并在某个位置时,让容器内的元素播放动画、触发动效等行为。

效果1:

0015ee33c4f73d91d64c47e4b6994c7

效果2:

0015ee33c099a7e08ece19278caf61c

其他的场景需求还是需要大家一起测试使用,挖掘更多新鲜有趣的玩法,期待大家的反馈意见哦~


目前容器组件已上线测试版本,专业版及其以上版本用户可用。欢迎大家提出宝贵建议,具体容器组件如何使用,请戳教程:《容器组件使用教程(Beta版本)》

0015ede25d1408bf94ead6e3fbfc44d