1.̟̞

   Îļþ¡¢±äÁ¿ÃüÃûʹÓÃСд£¬²¢Ê¹Óá°_¡±·Ö¸î

   º¯ÊýÃüÃû²ÉÓÃÍÕ·åÐÎʽÃüÃû   



2.×é¼þ½çÃæÃüÃû

    ÔÚ¶¨Òå½çÃæ»ò×é¼þµÄʱºò£¬½¨Òé¸ù¾ÝʹÓÃÀàÐ͵IJ»Í¬£¬·½±ãʹÓÃʱÇø·ÖÒÔ¼°Î¬»¤£¬¼ÓÉϲ»Í¬µÄºó׺£¬¹æ·¶ÈçÏÂ:

    Îı¾¿ò(Label):             _lb
    ¸»Îı¾(RichText):          _rt
    ½Úµã(Node):                _nd
    °´Å¥(Button):              _btn
    ¾«Áé(Sprite):              _sp
    ¸´Ñ¡¿ò(CheckBox):          _cb
    ÊÓͼ(ScrollView):          _sv
    ·­Ò³(PageView):            _pv
    »¬¶¯Ìõ(Slider):            _sd
    ¼ÓÔØÌõ(LoadingBar):        _lb
    Ãæ°å(Layout):              _ly
    ±êÇ©×é(ToggleContainer):   _tc
    ±êÇ©Ïî(Toggle):            _tg

    Àý£º

    ÔÚʹÓÃÒ»¸öhead_icon£¬ÐèÒªNode½øÐÐλÖÿØÖÆ£¬Í¬Ê±ÓÖÐèÒªSprite½øÐÐÉèÖÃÍ·Ïñ£¬ÃüÃû    ÈçÏ£º

    this.head_icon_nd = this.seekChild("heand_icon");
    this.head_icon_sp = this.seekChild("heand_icon", cc.Sprite);



3.JS ¶ÔÏó¹ÜÀí

    (1) ËùÓÐnew³öÀ´µÄJS¶ÔÏó£¬×îºó±ØÐëͨ¹ýdelete»òÕß½«ÆäÒýÓñäÁ¿ÖÿÕÀ´À´´ï                 
         µ½À¬»ø»ØÊÕµÄÄ¿µÄ£»

    (2) ¼Ì³Ð×ÔbaseviewµÄ¶ÔÏó£¬Ïú»ÙʱҪÏȵ÷ÓÃclose·½·¨£¬ÔÙ½«ÒýÓÃÖÿգ»

    (3) ¼Ì³Ð×Ôviewclass¡¢basepanelµÄ¶ÔÏó£¬Ïú»ÙʱҪÏȵ÷ÓÃdeleteMe£¬ÔÙ½«ÒýÓà                
         Öÿգ»

    (4) ͨ¹ý new cc.Node() ´´½¨³öÀ´µÄ½Úµã£¬ÔÚ²»ÓõÄʱºòÒªµ÷ÓÃNodeµÄdestroy                
         ·½·¨Ïú»Ù£¬È»ºóÖÿգ»



4.ÊÓͼÀàʹÓÃ

    ËùÓеÄÊÓͼÀà¿ÉÓÉ viewclass¡¢baseview¡¢basepanel¼Ì³Ð¶øÀ´£¬¾ßÌåÇø±ðÈçÏ£º

    (1) viewclassÊÇËùÓÐÊÓͼÀàµÄ»ùÀ࣬·â×°ÁËʼþ¹ÜÀí¡¢×ÊÔ´¼ÓÔØÊÍ·Å¡¢¼ÆʱÆ÷¹Ü               
         Àí¡£baseview¡¢basepanel¾ù¼Ì³ÐÓÚ´Ë£¬Í¬Ê±Ò»Ð©Ð¡µÄitemÒ²¿ÉÒÔÖ±½Ó¼Ì³Ð×Ô        viewclass

    (2) baseviewÊÇËùÓд°¿ÚÀàµÄ»ùÀ࣬ÀïÃæ·â×°Á˲㼶¹ÜÀí¡¢ÊÓͼ»º´æµÈ£»

    (3) basepanelÊÇÃæ°åÀàµÄ»ùÀ࣬ÀïÃæʵÏÖÁËÊÓͼµÄÏÔÒþ²Ø£»

     ×¢Ò⣺
     
     ֮ǰcommon_scrollviewÖеÄitem±ØÐëÒªÇóÊǼ̳Ð×Ôbasepanel£¬×îеİ汾¼æÈÝ
     Á˼̳Ð×ÔviewclassµÄÊÓͼ£¬Ê¹Æä¿ÉÒÔÕý³£µÄcommon_scrollviewÖÐÏÔʾ¡£



5. ¹ØÓÚ¼ÆʱÆ÷ºÍ·ÖÖ¡¼ÓÔصÄʹÓÃ

   viewclassÖÐÐÂÔöÁËstartUpdageº¯Êý£¬ÓÐÈçÏÂÁ½ÖÖʹÓ÷½Ê½£º

   (1) Ö±½Óµ÷ÓÃthis.startUpdage() º¯Êý£¬ÖØдupdateº¯Êý£¬¾Í»á¿ªÆôupdateº¯Êý               
        µ÷Ó㬲¢ÇÒÔÚ²ÎÊýÖзµ»Øʱ¼ä¼ä¸ô£¬ÊÓͼÏú»Ù¸Ä¶¨Ê±Æ÷×Ô¶¯Ïú»Ù¡£´Ë·½·¨Ö÷Òª              
        ÓÃÓÚµ¹¼ÆʱµÄ¸üУ¬·ÖÖ¡ÓÅ»¯Ò²¿ÉÒÔ¡£

   (2) ʹÓÃthis.startUpdage(times, callback), ´«Èë×ܹ²ÐèÒª¸üеĴÎÊýºÍ»Ùµô               
        º¯Êý£¬viewclass»á¿ªÆôµ÷Ó㬲¢ÇÒÔڻص÷º¯ÊýÖзµ»Øµ÷ÓôÎÊý£¬µ÷ÓôÎÊýÍê±Ï×Ô¶¯         
        Ïú»Ù¶¨Ê±Æ÷£¬²¢ÇÒ¶à¸ö¼ÆʱÆ÷,Ö÷ÒªÓÃÓÚ·ÖÖ¡´´½¨¡£
       
       ËùÓмÆʱÆ÷¾ù¿ÉÊÖ¶¯Ïú»Ù£»

    Àý£º

    // µ¹¼Æʱ¸üÐÂ
    ctor: function() {
        var main_loop_handler = this.startUpdage()
        // ֹͣ
        this.stopUpdate(main_loop_handler);
    },

    update: function(dt) {
        this.free_call_time -= dt;
    },  

    // ·ÖÖ¡´´½¨30¸öitem
    ctor: function() {
        var create_hanlder = this.startUpdage(30, this.creatItem.bind(this));
        // Í£Ö¹¸üÐÂ
        this.stopUpdate(create_hanlder);
    },

    creatItem: function(index) {
        this.item_list[index] = new TestItem(this.item_data[index]);
    }, 



6.×ÊÔ´·ÖÀà

    -- prefab ½çÃæÔ¤ÖÆ
    -- res ¶¯Ì¬icon
    -- sound ÉùÒô
    -- spine spien¶¯»­
    -- ui_res ½çÃæicon

    (1) ËùÓм¯³É×ÔviewclassµÄÀàʹÓÃthis.loadRes()´«Èë·¾¶»ñÈ¡×ÊÔ´£»

    (2) ËùÓе÷ÓÃLoaderManager.loadRes×ÊÔ´£¬ÒªÊ¹ÓÃLoaderManager.releasResÊÍ                
    ·Å



7.½çÃæºÍicon×ÊԴʹÓÃ

    (1) ²»ÔÙʹÓüÓÔØͼ¼¯µÄ·½Ê½È¥¼ÓÔØ×ÊÔ´£¬getResFrame¡¢getPlistPath£¬ÒѾ­·Ï
         Æú£¬¾É½Ó¿ÚÒѾ­È«²¿Ìæ»»£¬²¿·ÖÄ£¿éÓÐÎÊÌâµÄ»°×ÔÐмì²é¡£ÐÂÄÚÈÝ£¬È«²¿Ê¹
         ÓüÓÔØɢͼµÄ·½Ê½È¥¼ÓÔØ¡££¨ÒѼæÈÝ·¢²¼ºóµÄºÏͼ£©

    (2) ¶¯Ì¬¼ÓÔØicon×ÊÔ´ÈçÏ£º
        var icon_path = PathTool.getIconPath("skillicon", res_name);
        this.loadRes(icon_path, function(skill_item, sf_obj){
            skill_item_sp.spriteFrame = sf_obj;
        });

    (3) ¶¯Ì¬¼ÓÔؽçÃæicon×ÊÔ´ÈçÏ£º
        var icon_path = PathTool.getUIIconPath("friend", "friend_" + 5)
        this.loadRes(icon_path, function(sf_obj){
            this.img.spriteFrame = sf_obj;
        }.bind(this))

    (4) ½çÃæÉÏʹÓõÄ×ÊÔ´ºÍ¶¯Ì¬icon×ÊÔ´Ö»ËùÒÔ·Ö¿ª½Ó¿Ú£¬Ö÷ÒªÊÇΪÁ˹æ±Ü×Ô¶¯Í¼
         ¼¯¿ÉÄÜ´æÔÚµÄһЩ¿ÓÐèÒªµ¥¶À´¦Àí¡£

    (5) ÐÂ×ÊÔ´µÄprefabÈ«²¿Êǽű¾Ìæ»»×ÊÔ´µÄ£¬ÈçloadPrefab¼ÓÔØʧ°Ü£¬ÊÖ¶¯´ò¿ª                
         Ò»´Î£¬µã±£´æ£¬ÖØÐÂÔËÐм´¿É¡£



8.¸»Îı¾Ê¹ÓÃ:

    (1) ͼÎÄ»ìÅÅʹÓãº
         ºÏͼʹÓòο¼¹Ù·½Îĵµ
         Ð޸ĺóµÄ¸»Îı¾Í¬Ê±Ö§³ÖºÏͼºÍɢͼ£º
         this.test_rich = this.test_rt_nd.getComponent(cc.RichText);
         this.test_rich.string = "<img src='6666'/>"£» // 666ΪɢͼÃû³Æ£»
         cc.loader.loadRes("test/6666", cc.SpriteFrame, function(err, test_sf) {
                this.test_rich.addSpriteFrame(test_sf);    // Ïò¸»Îı¾Ìí¼Óɢͼ    
         }.bind(this));

    (2) Ϊ¸»Îı¾Ìí¼Óµã»÷ʼþºÍ²ÎÊý
          // paramΪ²ÎÊý  handlerΪ¾ä±ú±êʶ
          this.test_rich.string = "<on click='handler' param='test'> click me! </on>" 
          //   onClickItem Ϊ»Øµ÷º¯Êý
          this.test_rich.addTouchHandler("handler", this.onClickItem.bind(this));           

    (3)  Ϊ¸»Îı¾Ìí¼Ó±íÇé
          this.test_rich.string = "<img src='emoji' emoji='E61526'/>"
          cc.loader.loadRes("test/E61526/action", sp.SkeletonData, function(err, test_sf) {
                this.test_rich.addEmojiAtlas(test_sf, "E61526");        
          }.bind(this));