在筆者的上篇文章《自己動(dòng)手寫iPhone wap瀏覽器之BSD Socket引擎篇》中已經(jīng)成功解析出來了wml頁面中的tag，如果讀者仔細(xì)的話可能會看到里面中文的tag顯示為亂碼，這是因?yàn)樵趇Phone上默認(rèn)的中文編碼格式是UTF-8，而通過BSD Socket請求過來的是ASCII碼，所以需要通過轉(zhuǎn)換為UTF-8格式，如下：

　　［［NSString alloc］ initWithBytes:aChild-》Value（） length:strlen（aChild-》Value（）） encoding:NSUTF8StringEncoding］

　　經(jīng)過轉(zhuǎn)換編碼之后，在屏幕上顯示的打印內(nèi)容如下：

　　parse xml succeed

　　aChild value = STATUS OK

　　aChild value = card

　　TiXmlNode：：ELEMENT name = title， attr value = 百度一下，你就知道

　　aChild value = p

　　aChild value = img

　　TiXmlNode：：ELEMENT name = src， attr value = /r/wise/wapsearchindex/logoindexsmall.gif

　　TiXmlNode：：ELEMENT name = alt， attr value = 百度首頁

　　aChild value = br

　　aChild value = input

　　TiXmlNode：：ELEMENT name = name， attr value = word

　　TiXmlNode：：ELEMENT name = emptyok， attr value = true

　　aChild value = br

　　aChild value = anchor

　　aChild value = 搜網(wǎng)頁

　　TiXmlNode：：TEXT Value = 搜網(wǎng)頁

　　接下來的任務(wù)就是渲染這些解析出來的tag并顯示在界面上了，本篇里筆者重點(diǎn)講述如果搭建一個(gè)可擴(kuò)展的、健壯的界面架構(gòu)。

　　在所有平臺的界面架構(gòu)中，筆者一直推崇MVC，MVC的著重點(diǎn)在于把界面顯示和數(shù)據(jù)處理分離開來以提供可擴(kuò)展的界面架構(gòu)平臺。基于這個(gè)思想，筆者建立了如下的架構(gòu)圖：

　　圖1.Tag界面架構(gòu)圖

　　在Xml模塊處理完xml數(shù)據(jù)并提取出tag后，交給CXmlControl進(jìn)行處理，CXmlControl在這里充當(dāng)Control的角色，它負(fù)責(zé)在處理完tag（標(biāo)簽）后生成相應(yīng)的消息以顯示在界面上。

　　其中CXmlControl繼承自UIView類，它負(fù)責(zé)顯示界面并響應(yīng)用戶的按鍵消息，而具體的邏輯處理則是在CXmlControlImpl類中進(jìn)行的，CXmlControlImpl這個(gè)類負(fù)責(zé)管理生成的tag（標(biāo)簽）以及tag（標(biāo)簽）的界面Layout（布局），如下：

　　@class CXmlControlImpl;

　　@interface CXmlControl ： UIView {

　　@public

　　CXmlControlImpl* iImpl;

　　}

　　-（void） addElements：（CXmlElementImpl*）iElemntAdded;

　　-（CXmlElement*） InsertContent：（CXmlElement*）aTarget aPosition：（NSInteger）aPosition aSource：（const NSString*）aSource aFlags：（NSInteger）aFlags;

　　-（CXmlElement*） AppendContent：（const NSString*）aSource aFlags：（NSInteger）aFlags;

　　-（void） Refresh;

　　-（void） RefreshAndDraw;

　　-（void） ClearContent;

　　-（void） RemoveElement：（CXmlElement*）aElement;

　　-（CXmlElement*） Element：（const NSString*）aId aIndex：（NSInteger）aIndex;

　　-（CXmlElement*） ElementByTag：（const NSString*）aTagName aIndex：（NSInteger）aIndex;

　　-（CXmlElement*） FocusedElement;

　　-（void） SetFocusTo：（CXmlElement*）aElement;

　　-（void） ScrollToView：（CXmlElement*）aElement;

　　-（CXmlElement*） Body;

　　-（void） SetEventObserver：（id《MXmlCtlEventObserver》）aObserver;

　　-（CXmlElementImpl*） Impl;

　　-（CGContextRef） SystemGc;

　　-（void） Draw：（const CGRect）aRect;

　　-（CWritableBitmap*） OffScreenBitmap;

　　-（void） SetOffScreenBitmap：（CWritableBitmap*）aBitmap;

　　-（void） DrawOffscreen;

　　-（void） touchesBegan：（NSSet *）touches withEvent：（UIEvent *）event;

　　-（void） touchesMoved：（NSSet *）touches withEvent：（UIEvent *）event;

　　-（void） touchesEnded：（NSSet *）touches withEvent：（UIEvent *）event;

　　@end

　　Tag（標(biāo)簽）類的基類為CXmlElement，它抽象了標(biāo)簽的基本屬性和操作，在每一個(gè)派生自此基類的tag（標(biāo)簽）類如CXmlTextElement、CXmlImgElement中都維護(hù)一個(gè)全局的布局類CHcMeasureStatus，每一個(gè)tag（標(biāo)簽）類都負(fù)責(zé)自己的布局和自己的繪制操作，完成布局操作和繪制操作后為改變CHcMearuseStatus的狀態(tài)和屬性并傳遞給CXmlControl類。