AtlasLapetos - 博客园

2024年12月24日

摘要：全局工具栏基础库 3.3.1 开始支持，低版本需做兼容处理。可跨页面渲染的组件，使用场景如音乐 APP 的底部工具栏等。在连续的 Skyline 页面跳转时，组件实例为同一个，因此状态可以同步，渲染层级在页面之上（也在自定义 tabbar 之上）。在 webview 渲染和 Skyline 渲阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(13) 评论(0) 推荐(0)

共享元素动画

摘要：共享元素动画原生 App 中我们常见到这样的交互，如从商品列表页进入详情页过程中，商品图片在页面间飞跃，使得过渡效果更加平滑，另一个案例是朋友圈的图片预览放大功能。在 Skyline 渲染模式下，我们称其为共享元素动画，可通过 share-element 组件来实现。在连续的 Skyline 页阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(121) 评论(0) 推荐(0)

页面返回手势

摘要：页面返回手势默认情况下，小程序页面都是右滑返回。但在使用自定义路由和预设路由时，我们常常需要不同的手势返回效果。例如使用 wx://cupertino-modal 路由效果时，下个页面自底向上出现，右滑返回并不符合视觉一致性。采用纵向的滑动返回（原路返回）会更合适一些。使用方法开发者工具需升阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(34) 评论(0) 推荐(0)

容器转场动画

摘要：容器转场动画通过将一个元素无缝地转换为另一个元素，可以加强两个元素间的关系，如常见的瀑布流中点击卡片跳转到详情页。为降低开发成本，基础库提供了容器转场动画组件来实现该路由效果。效果演示使用方法开发者工具需升级到 Nightly 1.06.2403222，基础库选择 3.4.0 将需要进行过阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(13) 评论(0) 推荐(0)

预设路由

摘要：预设路由为降低开发成本，基础库预设了一批常见的路由动画效果。 routeType 最低基础库版本 wx://bottom-sheet 3.1.0 wx://upwards 3.1.0 wx://zoom 3.1.0 wx://cupertino-modal 3.1.0 wx://cupertino 阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(12) 评论(0) 推荐(0)

自定义路由

摘要：自定义路由小程序采用多 WebView 架构，页面间跳转形式十分单一，仅能从右到左进行动画。而原生 App 的动画形式则多种多样，如从底部弹起，页面下沉，半屏等。 Skyline 渲染引擎下，页面有两种渲染模式: WebView 和 Skyline，它们通过页面配置中的 renderer 字段进行阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(39) 评论(0) 推荐(0)

手势系统

摘要：手势系统业务开发中，我们常需要监听节点 touch 事件，处理拖拽、缩放相关逻辑。由于 Skyline 采用双线程架构，在进行这样的交互动画时，会具有较大的异步延迟，这点可以参考 wxs 响应事件。 Skyline 中 wxs 代码运行在 JS 线程，而事件产生在 UI 线程，因此 wxs 动画阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(54) 评论(0) 推荐(0)

worklet 动画

摘要： worklet 动画小程序采用双线程架构，渲染线程（UI 线程）和逻辑线程（JS 线程）分离。JS 线程不会影响 UI 线程的动画表现，如滚动效果。但引入的问题是，UI 线程的事件发生后，需跨线程传递到 JS 线程，进而触发开发者回调，当做交互动画（如拖动元素）时，这种异步性会带来较大的延迟和不稳阅读全文

posted @ 2024-12-24 09:24 AtlasLapetos 阅读(68) 评论(0) 推荐(0)

Skyline WXSS 样式支持与差异

摘要： Skyline WXSS 样式支持与差异模块支持模块支持情况备注 CSS Animation ✓ 安卓 8.0.37，iOS 8.0.39，支持情况见下表背景与边框 ✓ 常用的基本支持，详见属性支持盒子模型 ✓ 支持 border-box 和 content-box，没有 BFC Inl 阅读全文

posted @ 2024-12-24 09:24 AtlasLapetos 阅读(327) 评论(0) 推荐(0)

Skyline 基础组件支持与差异

摘要： Skyline 基础组件支持与差异通用特性特性支持情况无障碍访问暂只支持 aria-role / label / hidden / disabled DarkMode 支持原生组件均支持同层渲染 WeUI v2 支持组件支持情况总体来说，高频组件基本已支持，已标记为废弃的特性在 S 阅读全文

posted @ 2024-12-24 09:24 AtlasLapetos 阅读(81) 评论(0) 推荐(0)