在BREW中打造自己的GUI（2）－TabPane的实现

再来讨论一下那个TabPane效果的实现。根据我们作IGMenuCtl的经验，应该并不难。

同样是定义一下几个实体结构：

//自定义菜单项
typedef struct
...{
   IImage *       pImage;        // Image

   uint16         wItemID;
   uint32         dwData;

} GTabItem;

这个好简单啊，就是一张大图片罢了。 然后整个TabPane是这样定义的：

struct _IGTabPaneCtl ...{
    
    const AEEVTBL(IGTabPaneCtl) * pvt;

    uint32          m_nRefs;    
    IShell            *m_pIShell;
    IDisplay        *m_pIDisplay;
    IModule            *m_pIModule;

    TQueueList        *m_pDataList;

    int                m_Index;
    
    boolean            m_isActive;

    AEERect            m_Rect;

};

可比菜单简单了不少，除了那个m_pDataList以外就只有m_Index了。那定义的方法肯定也多不到哪去了，如下所示：

AEEINTERFACE(IGTabPaneCtl)
...{
    DECLARE_IBASE(IGTabPaneCtl)

    DECLARE_ICONTROL(IGTabPaneCtl)

    boolean     (*AddItemEx)    (IGTabPaneCtl * po, GTabItem * pai);
    boolean     (*GetItemData)  (IGTabPaneCtl * po, uint16 nItemID, uint32 * plData);

    void        (*SetSel)       (IGTabPaneCtl * po, uint16 nItemID);
    uint16        (*GetSel)       (IGTabPaneCtl * po);

   int            (*GetItemCount) (IGTabPaneCtl * po);
   uint16        (*GetItemID)    (IGTabPaneCtl * po, int nIdx);
   boolean        (*GetItem)      (IGTabPaneCtl * po, uint16 wID, GTabItem * pai);
    
};

OK，这里同样要注意的两个函数之一HandleEvent中我们需要处理的是左右方向键，同样只需要修改一下m_Index即可。这儿连SELECT都可以不用处理了。

而在Redraw中呢，也只是根据m_Index显示m_pDataList中相应记录的图片罢了，就不多说了。

其实这里的关键在于，这个TabPane本身并没有任何功能性的东西，因为它只是提供一个容器罢了，所以它的关键在于保存在它里面的那个dwData指针所指向的另一个组件。
也就是说，我们需要将一个组件（比如IGMenuCtl、IHtmlViewer等等）的指针放在一个GTabItem中的dwData中，这样当这个TabItem成为当前页时，我们还需要去显示这个绑定的组件。

一般的操作如下：

static void buildTabMenu(unione * pMe)
...{    
    TQueueList    *p;
    GTabItem ci;

    //构造当前的TAB菜单
    if(!pMe->pMenuTab)
        if( SUCCESS==IGTabPaneCtl_New(0,pMe->a.m_pIShell,pMe->a.m_pIModule,(IModule**)&pMe->pMenuTab) )
        ...{
            AEERect rec;
            SETAEERECT(&rec,0,0,pMe->DeviceInfo.cxScreen,pMe->DeviceInfo.cyScreen);
            IGTABPANECTL_SetRect(pMe->pMenuTab,&rec);
        }
        else
            return;


    if(pMe->pMenuTab)
    ...{        
        //STEP1: 清掉原有的绑定的数据
        cleanMenuTabOption(pMe->pMenuTab);

        IGTABPANECTL_Reset(pMe->pMenuTab);
        p=pMe->pTabList;
        while(p)
        ...{
            TImageData * pImgData;
            TItemData * pData=(TItemData*)p->pData;            

            pImgData=NULL;
            if(pData->icon>0)
                pImgData= MainImageQueue_FindByCode(pMe->pIcoList,pData->icon);

            ...{
                TOptionTab * pTOpt = (TOptionTab*)MALLOC(sizeof(TOptionTab));
                if(!pTOpt)
                    return;

                ZEROAT(pTOpt);
                
                //读每个项目对应文件的头数据
                LoadConfigListA(pMe,pData->type,pData->id,&pTOpt->tabData,&pTOpt->itemCount,&pTOpt->pItemList,&pTOpt->iconCount,&pTOpt->pIconList,&pTOpt->imageCount,&pTOpt->pImageList);
                if(pData->type==TYPE_CONTROL)
                    buildMusicPane(pMe,pTOpt);
                else if( pData->type==TYPE_ONE )
                    buildOnePane(pMe,pTOpt);
                else if( pData->type==TYPE_PICTURE )
                    buildPicturePane(pMe,pTOpt);    
                else
                    buildMenuPane(pMe,pTOpt);

                ci.dwData=(uint32)pTOpt;

                ci.pImage=pImgData->img;
                ci.wItemID=pData->id;

                IGTABPANECTL_AddItemEx(pMe->pMenuTab,&ci);
            }
            p=p->pNext;
        }

    }
}

构造TabPane然后，一个个将构造的组件加下它的Tab页上，如buildOnePane、buildPicturePane等等。

然后在HandleEvent时，将KEY事件传给TabPane处理，如果它处理了（说明是左右方向键被按下了），那还需要loadMenu一下（就是根据当前改变的Tab的Index加载相应的组件）。如下：

if( IGTABPANECTL_HandleEvent(pMe->pApp->pMenuTab,eCode,wParam,dwParam) )
...{
loadMenu(pMe,wParam);
return TRUE;
}

这样就可以了。