Skyline渲染引擎
使用了skyline来渲染video组件,然后打包成多端项目到安卓运行,播放视频是可以播放的,但是点击全屏按钮没反应
[图片][图片] 一个简单的过渡动画效果, 点击测试按钮, box 延迟 2s 后,由 透明度0 过渡5s 变成 透明度1。 webview --- 动画正常 skyline --- 异常流程: 点击测试 >>> box 瞬间显示出来 >>> 延迟2s >>> box瞬间消失 >>> 开始播放5s 的透明度渐变动画
<snapshot id="view" class="intro" > <canvas type="" canvas-id="myCanvas" style="width: 343px; height: 274px;display: block;"/> </snapshot> 简单嵌套了一下canvas,skyline引擎模式下canvas的内容显示不出来
从renderer:webivew的页面跳到renderer:skyline页面,skyline页面中的image图片显示不出 基础库3.0.2app.json配置 "style": "v2", "lazyCodeLoading": "requiredComponents", "componentFramework": "glass-easel", "disableScroll": true, "navigationStyle": "custom", "rendererOptions": { "skyline": { "defaultDisplayBlock": true, "defaultContentBox": true } } renderer:skyline的page.json配置 "renderer": "skyline", "rendererOptions": { "skyline": { "disableABTest": true, "sdkVersionBegin": "3.0.2", "sdkVersionEnd": "15.255.255" } }
用useExtendedLib的方式引入weui,且skyline渲染下设置"renderer": "webview"的页面,列表通过变量用for循环来展现时,pc端微信小程序页面显示空白,手机端正常
https://developers.weixin.qq.com/miniprogram/dev/api/skyline/Snapshot.html 按照文档中的方法, 获取到 Snapshot 对象, 但是Snapshot对象并没有文档中所说的 number width画布宽度,number height画布高度 属性, 请问这个画布的宽高从哪里获取, 特别是调用takeSnapshot方法, 并返回rgba数据的时候, 没有宽高没办法处理这个图像的数组
着重说明:skyline下模拟器有此问题:切换底部标签栏第二次必定无效(包括原生tabbar),页面种js使用wx.navigateTo也是无效的。weui的url跳转能正常使用。调试基础库3.4.1最近的几个版本都测试都能复现,工具版本为1.06.2404152和1.06.2404122和2404122之前的一个版本。工具地址是https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html中的开发版 Nightly Build (1.06.2404152)的64位版本:https://dldir1.qq.com/WechatWebDev/nightly/p-3bd19c2db3a642a0b39af853efaf67f8/0.54.1/wechat_devtools_1.06.2404152_win32_x64.exe。望回复复现情况。
【问题描述】Skyline下,虚线边框设置圆角不生效,实线边框设置圆角是生效的。 [图片][图片] webView下是正常的。 [图片] 【微信版本】8.0.49 【基础库版本】3.4.3 【代码片段】https://developers.weixin.qq.com/s/e1sOP0mq7ORv
movable-view什么时候支持skyline渲染引擎?或者说在skyline中有替代movable-view的组件吗?
skyline渲染下,使用picker-view双列时间滚轮,第二列时间不停的向上滚动在动画未停止时,在第一列时间不停的向上滚动在快速向下滚动,多试几次会出现屏幕的按钮,switch滑块等都不能触发点击事件,出现bug的几率很大
Skyline模式下通过wx.worklet调用scroll-view的scrollTo,页面直接崩溃了,也catch不到啥错误,有人知道咋回事吗? scrollTo() { const ref = this.scrollRef.value; wx.worklet.runOnUI(() => { 'worklet'; wx.worklet.scrollViewContext.scrollTo(ref, { top: 200, duration: 2000, animated: true, easingFunction: 'ease' }); })() },
[图片][图片] 左图为webview模式,右图为skyline模式。宽度为是设置的max-width: 220px;
数据setData的时候报错 基础调试库 3.4.0报错 3.4.0以上就不会出现这个问题 [图片][图片]
在拿官方的代码示例测试,先是不执行,仔细判断是显示环境不支持,但是我是用最新版本的开发者工具。 [图片] https://mp.weixin.qq.com/s/GOzwCBpnzn51R-TBDbf2Ag
[图片]
position: fixed指定位置的情况下通过修改bottom或者top时是自定义组件里的元素不生效,在外面的可以生效 [图片] 代码片段:https://developers.weixin.qq.com/s/3eFmkMmj7xP7
https://developers.weixin.qq.com/miniprogram/dev/component/input.html focusEvent(e) { this.setData({ focusValue: 1 }) }, focusEvent1(e) { this.setData({ focusValue: 2 }) }, blurEvent() { this.setData({ focusValue: -1 }) }, input输入框,绑定了bind:focus 和 bind:blur事件时,focus事件中设置的值会被blur覆盖 [图片]
https://developers.weixin.qq.com/miniprogram/dev/component/input.html 文档中未说明placeholder-style是skyline专用属性,导致在webview下始终设置不成功,浪费大量时间排查!
复现链接 https://developers.weixin.qq.com/s/fZbUvJmS7DOi
代码如下,原来renderer是webview的时候运行正常 一旦改成skyline后,loadFontFace提示加载成功,但是文字字体效果没出来。 <view style="font-family: {{fontFamily}};"> 你好测试 </view> wx.loadFontFace({ global: true, family: fontFamily, source: `url("data:font/woff2;charset=utf-8;base64,${base64Res.data}")`, success: () => { console.log(`${fontFamily} 字体加载成功`); that.setData({ fontFamily: fontFamily }); }});
小程序示例
交互动画 tab
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。