# 快速体验

# 环境要求

目前,安卓微信 8.0.33iOS 微信 8.0.34 起内置了 Skyline 渲染引擎,可先更新到该版本,预览时通过强切开关打开,方可体验 Skyline。

# 快速体验

以下小程序已适配 Skyline,可直接扫码打开体验。

扫码打开小程序助手,其中首页、切换小程序、版本查看、成员管理和成员申请均已适配。

扫码小程序示例,可进入 交互动画 tab 页体验 Skyline 的新特性。

# 演示案例

以下是用 Skyline 实现的各种常见交互动画的示例,可通过视频直接预览效果,也可直接扫码在移动端上体验。

通讯录
使用 scroll-view 自定义模式,配合 sticky 吸顶布局容器,实现通讯录字母交错吸顶的效果。
点击查看源代码
半屏
基于 worklet 动画,通过手势协商机制,实现在半屏内列表往下拉到顶之后,无缝切换到半屏下拉的效果。
点击查看源代码
分段半屏
通过 worklet 动画、手势协商,实现分段半屏,处于不同位置时联动半屏后的地图改变缩放比例。
点击查看源代码
相册
使用自定义路由、共享元素动画、手势系统等实现列表中图片共享放大过渡到图片预览页效果,并实现预览图片的手势交互。
点击查看源代码
Tab 指示条
利用 swiper 切换时的逐帧回调,配合 worklet 动画实现 tab 指示条顺滑切换的效果。
点击查看源代码
卡片转场
scroll-view 瀑布流模式配合共享元素动画实现卡片柔性转场效果。
点击查看源代码
搜索栏吸附
scroll-view 吸顶布局结合 worklet 布局轻松实现搜索栏吸附效果。
点击查看源代码
沉浸式商品浏览
小程序手势 + worklet 在页面中实现广告、商品无缝切换。
点击查看源代码