# 快速体验

# 环境要求

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

# 快速体验

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

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

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

# 演示案例

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

通讯录

使用 scroll-view 自定义模式，配合 sticky 吸顶布局容器，实现通讯录字母交错吸顶的效果。

点击查看源代码

半屏

基于 worklet 动画，通过手势协商机制，实现在半屏内列表往下拉到顶之后，无缝切换到半屏下拉的效果。

点击查看源代码

分段半屏

通过 worklet 动画、手势协商，实现分段半屏，处于不同位置时联动半屏后的地图改变缩放比例。

点击查看源代码

相册

使用自定义路由、共享元素动画、手势系统等实现列表中图片共享放大过渡到图片预览页效果，并实现预览图片的手势交互。

点击查看源代码

Tab 指示条

利用 swiper 切换时的逐帧回调，配合 worklet 动画实现 tab 指示条顺滑切换的效果。

点击查看源代码

卡片转场

scroll-view 瀑布流模式配合共享元素动画实现卡片柔性转场效果。

点击查看源代码

搜索栏吸附

scroll-view 吸顶布局结合 worklet 布局轻松实现搜索栏吸附效果。

点击查看源代码

沉浸式商品浏览

小程序手势 + worklet 在页面中实现广告、商品无缝切换。

点击查看源代码