# 快速體驗(yàn)

# 環(huán)境要求

目前，安卓微信 8.0.33、iOS 微信 8.0.34 起內(nèi)置了 Skyline 渲染引擎，可先更新到該版本，預(yù)覽時通過強(qiáng)切開關(guān)打開，方可體驗(yàn) Skyline。

以下小程序已適配 Skyline，可直接掃碼打開體驗(yàn)。

掃碼打開小程序助手，其中首頁、切換小程序、版本查看、成員管理和成員申請均已適配。

掃碼小程序示例，可進(jìn)入 交互動畫 tab 頁體驗(yàn) Skyline 的新特性。

以下是用 Skyline 實(shí)現(xiàn)的各種常見交互動畫的示例，可通過視頻直接預(yù)覽效果，也可直接掃碼在移動端上體驗(yàn)。

通訊錄

使用 scroll-view 自定義模式，配合 sticky 吸頂布局容器，實(shí)現(xiàn)通訊錄字母交錯吸頂?shù)男Ч?/div> 點(diǎn)擊查看源代碼

半屏

基于 worklet 動畫，通過手勢協(xié)商機(jī)制，實(shí)現(xiàn)在半屏內(nèi)列表往下拉到頂之后，無縫切換到半屏下拉的效果。

分段半屏

通過 worklet 動畫、手勢協(xié)商，實(shí)現(xiàn)分段半屏，處于不同位置時聯(lián)動半屏后的地圖改變縮放比例。

相冊

使用自定義路由、共享元素動畫、手勢系統(tǒng)等實(shí)現(xiàn)列表中圖片共享放大過渡到圖片預(yù)覽頁效果，并實(shí)現(xiàn)預(yù)覽圖片的手勢交互。

Tab 指示條

利用 swiper 切換時的逐幀回調(diào)，配合 worklet 動畫實(shí)現(xiàn) tab 指示條順滑切換的效果。

卡片轉(zhuǎn)場

scroll-view 瀑布流模式配合共享元素動畫實(shí)現(xiàn)卡片柔性轉(zhuǎn)場效果。

搜索欄吸附

scroll-view 吸頂布局結(jié)合 worklet 布局輕松實(shí)現(xiàn)搜索欄吸附效果。

沉浸式商品瀏覽

小程序手勢 + worklet 在頁面中實(shí)現(xiàn)廣告、商品無縫切換。