Pebble JS, GitHub, and Image Resources

Pebble JS, GitHub, and Image Resources

本文关键字：Image Resources and GitHub JS Pebble      更新时间：2023-09-26

我正在处理一个从 GitHub 存储库加载的pebble.js项目。我基本上是在本地编写代码，推送到 GitHub，然后拉入 CloudPebble 进行构建，因为我的计算机不适合运行 SDK。CloudPebble正确地看到了我的图像资源，但我不知道如何引用它。最初，它找不到图像，直到我将子路径移动到resources文件夹中。这允许正确导入，但是每当我引用我的图像时，我都会在应用程序日志中得到这个：

JavaScript Error:
send@[native code]
    at load (ui/windowstack.js:2654:22)
    at load (lib/image.js:165:11)
    at load (ui/imageservice.js:85:16)
    at resolve (ui/imageservice.js:109:60)
    at ImageType (ui/simply-pebble.js:41:32)
    at lib/struct.js:161:32
    at menuItem (ui/simply-pebble.js:814:10)
    at _resolveItem (ui/menu.js:161:30)
    at _preloadItems (ui/menu.js:170:22)
    at _resolveSection (ui/menu.js:151:25)
    at section (ui/menu.js:239:23)
    at updateActivityMenu (app.js:44:18)
    at app.js:167:21
    at onreadystatechange (lib/ajax.js:109:17)

以下是我的项目结构示例：

/project/resources/images/some_image.png
/project/src/app.js
/project/appinfo.json

这是相关的appinfo.js 

    "media": [
        {
            "file": "images/some_image.png",
            "name": "MY_IMAGE",
            "type": "png"
        }
    ]

最后是app.js的相关位 

    var item = {
        title: data.Response.data.activity.activityName,
        subtitle: data.Response.data.activity.activityDescription,
        icon: 'MY_IMAGE' 
    };

我也尝试直接引用 icon 属性的图像路径，但图像从未显示，我得到了相同的JavaScript Error.我可以看到在构建日志中正确添加的图像：

[ 6/29] some_image.png.pbi: resources/images/some_image.png ../../app/sdk2/Pebble/tools/bitmapgen.py -> build/resources/images/some_image.png.pbi

在这一点上，我不知所措 - 任何帮助将不胜感激。

尝试使用映像的路径而不是其资源 ID：

var item = {
    title: data.Response.data.activity.activityName,
    subtitle: data.Response.data.activity.activityDescription,
    icon: 'images/some_image.png' 
};

pebble.js文档表明，这是内部菜单的正确方法：

var menu = new UI.Menu({
  sections: [{
    title: 'First section',
    items: [{
      title: 'First Item',
      subtitle: 'Some subtitle',
      icon: 'images/item_icon.png'
    }, {
      title: 'Second item'
    }]
  }]
});

Pebble SDK 2 还是 3？在 3 之前，图像资源必须从 PNG 预转换为 PBI。Pebble的图像文档提供了有关原始（又名Aplite）和Time（又名玄武岩）Pebbles支持哪些格式的更多详细信息。

相关文章：