在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;


}

这样就可以了。