加载远程图片

根据默认图片的大小和位置,显示远程图片,只需要把组件挂载在Sprite上,需要更新的时候,调用以下方法即可。

只有url调用如下:

userHead.getComponent('ImageUrl').loadUrl(url);

知道图片类型调用如下(如微信头像):

userHead.getComponent('ImageUrl').loadUrl(url,'png');

实现核心代码如下:

/**
  * @description: 获取Url图
  * @param {string} url 路径
  * @param {string} type 图片类型,如:png
  * @return:
  */
loadUrl(url, type = null){
   this.checkDefault();
   if(url == null || url == ''){
      cc.error('invalid url', url);
      this.getComponent(cc.Sprite).spriteFrame = this._defaultSpf;
      return;
    }

    cc.loader.load(typeof type == 'string'? {url: url, type: type}: url, (err, texture) => {
        if(err != null){
            cc.error(url, err);
            return;
        }

        // 根据默认大小显示
        this.getComponent(cc.Sprite).spriteFrame = new cc.SpriteFrame(texture);
        let size = this._defaultSpf.getOriginalSize();
        this.node.width = size.width;
        this.node.height = size.height;
    });
},

实现源码:https://github.com/caizj-cn/pgy_js_lib/blob/master/util/ImageUrl.js

本文分享自微信公众号 - 一枚小工(caizj_cn)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-07-29

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Cocos Creator 做数字游戏 | 二维矩阵节点的链式选择和取消!

    点击选中开始节点,按住拖动到相邻的节点,相邻节点添加至选择链中,沿着链往回拖,将会取消之前选择的节点,如上面效果图所示。

    一枚小工
  • Cocos Creator 如何实现类似王者荣耀里积分夺宝抽奖功能!

    输入框内输入需要中的奖品,方位是 [1,8],如果需要抽中多个,数字以 / 分割,如上图效果图示例一样。

    一枚小工
  • 通过「解救人质」小游戏教你学会碰撞检测

    游戏开发中,碰撞检测无处不在,今天就通过一个简单的小游戏教你学会如何在 Cocos Creator 中进行碰撞检测。配合官方文档学习效果更加(官方...

    一枚小工
  • 源码分析Dubbo服务提供者启动流程-下篇

    本文继续上文Dubbo服务提供者启动流程,在上篇文章中详细梳理了基于dubbo spring文件的配置方式,Dubbo是如何加载配置文件,服务提供者dubbo:...

    丁威
  • url()方法在手机端不兼容的问题

    https://developer.mozilla.org/zh-CN/docs/Web/API/URL/URL

    lilugirl
  • Dubbo源码学习-服务引用(服务启动阶段)

    这两个引用服务的时机区别在于,第一个是饿汉式的,第二个是懒汉式的。 默认情况下,Dubbo 使用懒汉式引用服务。如果需要使用饿汉式,可通过配置 dubbo:r...

    大王叫下
  • 简单爬虫 -- 以爬取NASA AOD数据(TIFF文件)为例

    Echo_fy
  • 美剧迷是如何使用Python的

    一直有爱看美剧的习惯,一方面锻炼一下英语听力,一方面打发一下时间。之前是能在视频网站上面在线看的,可是自从广电总局的限制令之后,进口的美剧英剧等貌似就不在像以前...

    IT派
  • Python之京东商品图片爬虫

    京东是我们购物经常去光顾的一个点上平台,它里面的商品多种多样,其中的商品图片也是应有尽有,今天小编呢就给大家带来一个京东商品图片的简单爬虫。

    用户6825444
  • python爬虫实战:爬取美剧网站

    Python现在非常火,语法简单而且功能强大,很多同学都想学Python!所以小的给各位看官们准备了高价值Python学习视频教程及相关电子版书籍,都放在了文章...

    python学习教程

扫码关注云+社区

领取腾讯云代金券