(詳談)Cocos Creator之自定義項(xiàng)目提示文件

很多小伙伴們都知道Creator用JavaScript寫項(xiàng)目是沒有代碼提示的捡硅,可能對于習(xí)慣有代碼提示的童鞋不友好哮内,想要代碼有提示的童鞋,我建議你使用TypeScript寫項(xiàng)目壮韭。這篇也是針對TypeScript項(xiàng)目的北发。

1.準(zhǔn)備階段

新建一個(gè)'test'空白項(xiàng)目,并打開其根目錄
image.png

我們會發(fā)現(xiàn)根目錄有creator.d.ts這個(gè)文件喷屋,這個(gè)是引擎自帶的api提示文件琳拨,我們?nèi)绻胱远x的話,必須取一個(gè)和它后綴名相同的文件屯曹。例如:wx.d.ts,并放在根目錄狱庇。
image.png
接下來我們用編輯器打開這個(gè)文件進(jìn)行編輯,因?yàn)槲覀冮_發(fā)的是微信小游戲恶耽,經(jīng)常會用到微信的一些api密任,但是這些api是沒有提示的,我們經(jīng)常要去翻文檔偷俭,很不方便浪讳。首先我們先聲明wx一個(gè)模塊。
image.png
declare是聲明的意思涌萤,module是模塊的意思淹遵,wx是模塊名字口猜。我們以wx.showShareMenu()和wx.shareAppMessage()為例。
image.png

wx.showShareMenu()是顯示右上角轉(zhuǎn)發(fā)按鈕的意思透揣,可以看到這個(gè)函數(shù)是可以帶參數(shù)的济炎。wx.shareAppMessage()也是一樣帶有參數(shù),它是點(diǎn)擊右上角按鈕觸發(fā)事件淌实,廢話不多說開干冻辩。
image.png
我在腳本中寫"wx"是有提示的,還不會報(bào)錯拆祈,如果沒有聲明wx恨闪,會報(bào)紅。
image.png
下一步放坏。我們把調(diào)用下方法咙咽,看見沒有提示出來了,還有注釋和參數(shù)淤年。
image.png

下面上代碼

wx.d.ts

interface _showShareMenuObject{
    /**
     * 是否使用帶 shareTicket 的轉(zhuǎn)發(fā)[詳情]
     */
    withShareTicket?: boolean;

    /**
     * 接口調(diào)用成功的回調(diào)函數(shù)
     */
    success?: () => void;

    /**
     * 接口調(diào)用失敗的回調(diào)函數(shù)
     */
    fail?: () => void;

    /**
     * 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功钧敞、失敗都會執(zhí)行)
     */
    complete?: () => void;       
    }


interface _ShareInfo{
        /**
         * 轉(zhuǎn)發(fā)標(biāo)題,不傳則默認(rèn)使用當(dāng)前小游戲的昵稱麸粮。
         */
        title: string,
        /**
         * 轉(zhuǎn)發(fā)顯示圖片的鏈接溉苛,可以是網(wǎng)絡(luò)圖片路徑或本地圖片文件路徑或相對代碼包根目錄的圖片文件路徑。顯示圖片長寬比是 5:4
         */
        imageUrl: string;
        /**
         * 查詢字符串弄诲,必須是 key1=val1&key2=val2 的格式愚战。從這條轉(zhuǎn)發(fā)消息進(jìn)入后,可通過 wx.getLaunchOptionSync() 或 wx.onShow() 獲取啟動參數(shù)中的 query齐遵。
         */
        query: string,
        /**
         * 審核通過的圖片 ID
         */
        imageUrlId?: string
    }

declare module wx{

    /**
     * 顯示當(dāng)前頁面的轉(zhuǎn)發(fā)按鈕
     * @param object 參數(shù)
     */
    export function showShareMenu(object?:_showShareMenuObject):void;

    /**
     * 監(jiān)聽用戶點(diǎn)擊右上角菜單的「轉(zhuǎn)發(fā)」按鈕時(shí)觸發(fā)的事件
     */
    export function onShareAppMessage(callback:Function):void;
    
}

test.ts,這個(gè)腳本掛在場景的Canvas下


const {ccclass, property} = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {

    onLoad () {
        if (CC_WECHATGAME) {
            let shareObj:_showShareMenuObject = {withShareTicket:true};
            wx.showShareMenu(shareObj);
            wx.onShareAppMessage(()=>{
                console.log("點(diǎn)擊轉(zhuǎn)發(fā)按鈕");
                let shareInfo:_ShareInfo = {
                    title:"aa",
                    imageUrl:"http://img.manew.com/data/attachment/forum/201812/17/101356eauvqvm5b3u0zr9m.png.thumb.jpg",
                    query:null
                };
                return shareInfo;
            });
        }
    }

    start () {

    }

    // update (dt) {}
}

然后是 構(gòu)建發(fā)布
打開->項(xiàng)目->構(gòu)建發(fā)布


image.png

然后打開我們發(fā)布的項(xiàng)目寂玲,點(diǎn)擊預(yù)覽,使用微信掃掃就可以測試我們的項(xiàng)目了


image.png
測試結(jié)果如下圖
image.png
image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末梗摇,一起剝皮案震驚了整個(gè)濱河市拓哟,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌伶授,老刑警劉巖断序,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異糜烹,居然都是意外死亡逢倍,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進(jìn)店門景图,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人碉哑,你說我怎么就攤上這事挚币×两” “怎么了?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵妆毕,是天一觀的道長慎玖。 經(jīng)常有香客問我,道長笛粘,這世上最難降的妖魔是什么趁怔? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮薪前,結(jié)果婚禮上润努,老公的妹妹穿的比我還像新娘。我一直安慰自己示括,他們只是感情好铺浇,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著垛膝,像睡著了一般鳍侣。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上吼拥,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天倚聚,我揣著相機(jī)與錄音,去河邊找鬼凿可。 笑死惑折,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的矿酵。 我是一名探鬼主播唬复,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼全肮!你這毒婦竟也來了敞咧?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤辜腺,失蹤者是張志新(化名)和其女友劉穎休建,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體评疗,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡测砂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了百匆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片砌些。...
    茶點(diǎn)故事閱讀 39,773評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出存璃,到底是詐尸還是另有隱情仑荐,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布纵东,位于F島的核電站粘招,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏偎球。R本人自食惡果不足惜洒扎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望衰絮。 院中可真熱鬧袍冷,春花似錦、人聲如沸岂傲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽镊掖。三九已至乃戈,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間亩进,已是汗流浹背症虑。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留归薛,地道東北人谍憔。 一個(gè)月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像主籍,于是被迫代替她去往敵國和親习贫。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內(nèi)容