|
打开照片，大开眼界-绍兴网络公司为你呈现时间：2023-08-07 打开照片 不同人的爽点是什么? 点开选项，发现更爽 A颜值控 B技术控 C动手控 打开照片既丝滑又灵活 开发这么爽的体验很简单 共享元素 助你实现丝滑的切换体验！
对比没有使用共享元素的默认照片打开方式，使用 共享元素 的明显效果便是照片打开过程有飞跃过渡效果，避免页面切换带来的失焦。这种飞跃过渡效果便是通过共享元素的 share-element 组件 实现。
然而这种飞跃过渡效果也需要开发者调整动画进度、时间等属性，否则过渡效果将会变得不自然。 例如当开发者没有处理照片的属性时，打开照片容易出现跳变，无法保证平滑飞跃。因此需要通过使用 帧回调 收到 onFrame 回调结果，处理照片的显示。 点击查看代码
打开照片之后，用户通常还会放大或移动照片，发现更多照片细节；或者使用双击自动还原原始尺寸。结合 手势组件，开发者即可灵活操作照片，过程更丝滑，体验更贴近原生。 点击查看代码
在小程序内实现手势操作照片 结合 共享元素 与 手势组件，小程序高效实现更贴近原生的照片打开方式；同时支持自由缩放、灵活移动、双击还原、拖动返回等手势操作，用户体验更好，非常适合具备照片浏览需求的小程序。
同程旅行小程序查看照片能力 小程序渲染框架 持续支持开发者的渲染需求，实现在多个终端稳定、贴近原生的交互体验，赋能业务发展。 即日起至 6 月 1 日，开发者前往 微信开放社区小程序交流专区 分享标题含「小程序渲染框架」的文章内容，精选文章作者将获得微信周边礼品一套！
一套礼品包括：1 个气泡狗零钱包、1 个红包背包、1 个红包吸管杯。获奖名单将会在精选文章下方评论区公布。 文章内容包括但不限于：
同时欢迎各位开发者关注 小程序渲染框架更新日志 了解更多动态或者访问 小程序示例 发现更多最佳实践。一起创造更好的小程序开发生态！ |
