跳到主要内容

图层级交互

图层级交互指以图层为交互目标,添加图层之间的交互变化,可以具体展现页面信息交互关系。在M3中,图层级交互支持滚动至、显示/隐藏、移动、缩放、旋转、图层排序、媒体控制,以及列表选择、增加列表项、修改列表项、删除列表项等列表动作。完整动作说明请参考交互动作。

滚动到​

滚动到是指将交互目标滚动到指定的位置。在交互设置面板内选择"滚动到",可以设置滚动方向,水平和垂直、仅水平、仅垂直。

IMG_256

显示/隐藏​

显示/隐藏可以切换交互目标的可见性。同时支持单独设置为"切换"、"显示"、"隐藏",当设置为"切换"时,触发交互后,可以自动对目标切换显示或隐藏。

IMG_257

显示隐藏搭配自动布局,可实现隐藏内容后,后方内容自动补位的效果。

IMG_258

移动​

移动是指将交互目标移动到指定的位置。可设置每次点击移动距离或移动到指定位置。

IMG_259

缩放​

缩放是指将交互目标缩放到指定的大小。可设置每次点击缩放大小或缩放到指定大小。

动画​

图层级交互均支持动画设置,你可以指定动画曲线、时长、延迟时间、执行顺序等参数。