# Fast experience

# Environmental requirements

Currently,[AndroidWeChat 8.0.33](https://weixin.qq.com /cgi-bin/readtemplate?lang=zh_CN&t=weixin _faq_list&head=true)、[iOS Weixin 8.0.34](https://weixin.qq.com /cgi-bin/readtemplate?lang=zh_CN&t=weixin _faq_list&head=true) Built in. Skyline Rendering engine, which can be updated to that version first, and preview through the[Strong cut off](./migration/#Quick Switch Entry)Open, can experience Skyline。

# Fast experience

The following Mini Program has been adapted Skyline, you can scan the code directly to open the experience.

Scan the code to open the Mini Program assistant, where the home page, switch Mini Program, version view, member management and member application have been adapted.

Scan code Mini Program example, you can enter Interactive animation tab Page Experience Skyline Of the new features.

# Demo Case

The following is used Skyline Examples of various common interactive animations can be directly previewed through video, and can also be directly scanned on the mobile terminal.

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