跳到主要内容

图层级交互

图层级交互指以图层为交互目标,添加图层之间的交互变化,可以具体展现页面信息交互关系。在M3中,图层级交互主要包含滚动至、显示/隐藏、列表选择三类交互动作。

滚动到

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

IMG_256

显示/隐藏

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

IMG_257

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

IMG_258

移动

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

IMG_259

缩放

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

动画

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