【问题标题】:How to add an image to a window in Pebble.js?如何将图像添加到 Pebble.js 中的窗口?
【发布时间】:2014-11-18 00:22:07
【问题描述】:

window (http://developer.getpebble.com/docs/pebblejs/#window) 上的文档说我们可以向它添加图像:

“窗口:窗口本身是最灵活的。它允许您添加不同的元素(圆形、图像、矩形、文本、时间文本)并为每个元素指定位置和大小。您还可以为它们设置动画。”

图像是一个元素,但没有关于图像构造函数的文档。它需要什么参数?特别是,我们如何指定图像 src?此外,没有将图像添加到窗口的示例代码。

【问题讨论】:

    标签: javascript pebble-watch pebble-sdk cloudpebble


    【解决方案1】:

    我们仍在努力改进 Pebble.js 及其文档,但与此同时,这应该可以帮助您开始使用 Pebble.js 添加图像:

    var UI = require('ui');
    
    var logo_image = new UI.Image({
      position: new Vector2(0, 0),
      size: new Vector2(144, 144),
      backgroundColor: 'clear',
      image: 'images/logo_image.png',
    });
    
    wind.add(logo_image);
    wind.show();
    

    【讨论】:

    • 只是一个简短的说明,因为这真的让我很困惑。在 cloudpebble IDE 中,上传到“资源”的图像需要使用“images/”前缀来引用,即使它们显然不在名为 images 的文件夹中。
    猜你喜欢
    • 2019-09-16
    • 2019-11-16
    • 2015-06-25
    • 1970-01-01
    • 1970-01-01
    • 2013-08-22
    • 2017-12-25
    • 2021-03-06
    • 2018-09-09
    相关资源
    最近更新 更多