139-8950-0275

绍兴云远网络热线
首页 >> 小程序 >>小程序专业知识 >> 转场轻松,开箱即用-绍兴网站建设为你呈现
详细内容

转场轻松,开箱即用-绍兴网站建设为你呈现

时间:2023-11-17     作者:绍兴网站建设【转载】   来自:微信派

为了丰富小程序交互体验,Skyline 渲染引擎增强特性 自定义路由 支持底部弹起、页面下沉等多种页面交互方式。相比传统的动画实现方式,自定义路由的调用方式更高效、交互效果更多样,但开发者需要完成声明路由、定义动画等适配工作。


为了降低开发成本,自小程序基础库 3.1.0 版本起,Skyline 渲染引擎内置 7 种路由动画效果,开发者仅需 1 行代码即可直接调用,开发效率大大提升!



同时 Skyline 渲染引擎提供的 7 种路由动画效果实用性强,能够满足不同场景下的交互需求。



对比默认的左右切换方式,向上半屏弹窗、向上进入页面、放大进入页面等转场动画体验更丝滑、更贴近原生;同时实现方式很友好,仅需修改对应的 routeType 即可。

image.png

除了半屏弹窗、全屏页面的切换样式,自定义路由也支持以 wx://modal 的属性自动弹出新页面至小程序胶囊下方,展示内容更丰富,动画效果更优雅。

image.png

为了让小程序页面交互更有动感,开发者也可以使用 wx://cupertino-modal 实现页面下沉的转场方式,让原页面下沉退出的同时新页面展开,动画效果更鲜明。

image.png


如果开发者希望在新页面基础上进一步切换动画,实现层层叠进的效果,可以根据需求修改 routeType:

  • wx://cupertino-modal-inside:前一个页面下沉退出,更新页面展开出现,与 wx://cupertino-modal 打开方式一致

  • wx://modal-navigation:更新页面向左进入,前一个页面不变

image.png


丝滑优雅的页面转场效果让用户体验到更流畅的交互过程,提升用户使用满意度。现在 Skyline 渲染引擎已在基础库内置 7 种转场动画,便利开发者快速应用转场效果。欢迎各位开发者接入!


如果开发者希望实现更丰富的转场效果,自定义路由同样支持 自定义接入 方式,更多精彩交互触手可得!


如有 Skyline 渲染引擎相关问题,可在 Skyline 社区专区 发帖互动,技术专员将为大家解答及进行深度交流。

技术支持: 杭州云远科技有限公司 | 管理登录
seo seo