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

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

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

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

uint16wItemID;
uint32dwData;

} GTabItem;

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

struct _IGTabPaneCtl ... {

constAEEVTBL(IGTabPaneCtl)*pvt;

uint32m_nRefs;
IShell*m_pIShell;
IDisplay*m_pIDisplay;
IModule*m_pIModule;

TQueueList*m_pDataList;

intm_Index;

booleanm_isActive;

AEERectm_Rect;

} ;

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

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

DECLARE_ICONTROL(IGTabPaneCtl)

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

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

int(*GetItemCount)(IGTabPaneCtl*po);
uint16(*GetItemID)(IGTabPaneCtl*po,intnIdx);
boolean(*GetItem)(IGTabPaneCtl*po,uint16wID,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;
GTabItemci;

//构造当前的TAB菜单
if(!pMe->pMenuTab)
if(SUCCESS==IGTabPaneCtl_New(0,pMe->a.m_pIShell,pMe->a.m_pIModule,(IModule**)&pMe->pMenuTab))
...{
AEERectrec;
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);
elseif(pData->type==TYPE_ONE)
buildOnePane(pMe,pTOpt);
elseif(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);
returnTRUE;
}

这样就可以了。