Laya FairyGui系列十一 发布微信小游戏

FGUI发布微信小游戏的时候需要做一些修改,然后配合Laya2.0的开放域项目实现微信小游戏排行榜。

FGUI库文件引入修改

因为rawinflate库再微信小游戏平台有问题,所有不再引入这个库文件,fairygui库改用min文件,减少资源大小。

loadLib("libs/laya.core.js")
loadLib('libs/laya.wxmini.js')
loadLib('libs/laya.ui.js')
//-----libs-end-------
loadLib('libs/laya.html.js')
// loadLib('libs/rawinflate/rawinflate.min.js')
loadLib('libs/fairygui/fairygui.min.js')

loadLib("js/bundle.js");

FGUI发布修改

上面取消了rawinflate库的引入,发布界面点击编辑全局设置,取消压缩描述文件。
因为微信小游戏不支持FGUI默认的.fui文件,所以需要修改扩展名,同时选用二进制格式。


这里我使用的时txt文件,具体微信小游戏支持的文件格式可以看下微信小游戏官方文档
然后代码中设置定义的扩展名:

//设置发布时自定义的扩展名
fairygui.UIConfig.packageFileExtension = 'txt';

注意代码中再AddPackage的调用方式,如果是如下的调用方式也需要将后缀fui改成自己设置的后缀名。

fairygui.UIPackage.addPackage('res/包名','res/包名.fui')

到此发布微信小游戏的修改已经全部结束,如果发布后再微信小游戏中有什么报错需要检查自己的库文件引入是否正确,资源包是否正确加载。

微信排行榜

参考:
微信开放数据域
Laya微信小游戏的开放域

按照上述帖子操作创建开放域项目并设置主域项目,但是上述会有个问题,整个排行榜界面都在开放域中,排行版的关闭按钮也在开放域中,点击关闭按钮的时候没办法通知主域。有些游戏中排行榜界面里面还会放置分享按钮等。
这时候整个排行榜界面都放置再开放域里面就不合适,我们可以这把排行榜信息放在开放域。其他UI还是使用FGUI创建。然后配合Laya的WXOpenDataViewer组件实现。

  • 如下图创建排行榜界面,并再界面中使用图形组件标注出排行榜信息显示的范围


  • 然后修改开放域项目中的UI,只保留_list组件,删除背景图,并将背景图资源从本地删除。调整列表和ltem宽高为之前使用图形组件标注的宽高


  • 代码中打开使用FGUI创建的排行榜界面时使用代码动态创建一个WXOpenDataViewer组件,大小和位置设置和之前图形组件一致。
const openDataPosFlag = this.view.getChild('openDataPosFlag').asGraph;
this.m_openDataView = new Laya.WXOpenDataViewer();
this.openDataPosFlag = openDataPosFlag;
//设置WXOpenDataViewer组件的大小和位置
this.m_openDataView.width = this.openDataPosFlag.width;
this.m_openDataView.height = this.openDataPosFlag.height;
this.m_openDataView.x = this.openDataPosFlag.x;
this.m_openDataView.y = this.openDataPosFlag.y;
//添加到排行榜界面上
this.view.displayObject.addChild(this.m_openDataView);
openDataPosFlag.visible = false;

//发送消息到开放域显示排行榜信息
this.m_openDataView.postMsg({ type: 'openRank' });

其他逻辑修改和使用laya没有区别。上面参考文档里面也有详细说明。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容