第二篇:擴展插件結構


study-plugin
    - - main.js
    - - package.json
    panel
        - - index.js

//參考資料: http://docs.cocos.com/creator/manual/zh/extension/reference/package-json-reference.html#reload-object-
package.js
{
  "name": "study-cocos",  //插件名稱
  "version": "0.0.1", //插件版本
  "description": "The package template for getting started.",  //插件描述
  "author": "Cocos Creator", //作者
  "main": "main.js",  //入口函數,可以放在其他地方,只要相對路徑正確就可以
  "main-menu": { //主菜單 
    "i18n:MAIN_MENU.package.title/study-cocos/open": { //該路徑是主菜單中的按鈕路徑,messages  字段是該按鈕所有觸發的消息
      "message": "study-cocos:open"
    },
    "i18n:MAIN_MENU.package.title/study-cocos/hello": {
      "message": "study-cocos:say-hello"
    }
  },
  "panel": { //面板
    "main": "panel/index.js", // 面板入口函數 可以是 js 也可以是 html  取決type  如果是 simple 則爲 html  否則是 js
    "type": "dockable",  //類型
    "title": "study-cocos",  //面板標題
    "width": 400, //面板寬度
    "height": 300  //面板高度
  }
}
面板屬性參考資料: http://docs.cocos.com/creator/manual/zh/extension/reference/panel-json-reference.html
panel: type (String)
面板類型。可選類型有:
    dockable:該面板爲標準的編輯器面板,可以自由的在編輯器內停靠。
    float:該面板爲浮動面板,不能停靠在編輯器中。
    fixed-size:該面板和浮動面板功能相似,不同之處在於他的窗口大小是固定的。
    quick:該面板和浮動面功能相似,不同之處在於當他失去焦點後將會自動關閉。
    simple:簡單面板擁有獨立窗口,通過讀取用戶自定義的 html 文件展示界面。

主菜單定義參考資料:http://docs.cocos.com/creator/manual/zh/extension/extends-main-menu.html
多個插件時,可進行分類,防止隨意註冊菜單項
i18n:MAIN_MENU.package.title  中文中 屬於第一級菜單項


main.js

'use strict';

module.exports = {
  //插件加載成功後調用
  load () {},
  //插件卸載成功後調用
  unload () {
    // execute when package unloaded
  },

  //註冊ipc 消息 由渲染進程觸發  插件加載成功後,messages 中註冊的消息便會被註冊到 主進程中
  messages: {
    'open' () {
      // open entry panel registered in package.json
      Editor.Panel.open('study-cocos');
    },
    'say-hello' () {
      Editor.log('Hello World!');
      // send ipc message to panel
      Editor.Ipc.sendToPanel('study-cocos', 'study-cocos:hello');
    },
    'clicked' () {
      Editor.log('Button clicked!');
    }
  },
};

 

發佈了39 篇原創文章 · 獲贊 3 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章