iPhone SDK開發範例大全第五章之二FontPickerTable(2/10)

iPhone SDK開發範例大全第五章之二FontPickerTable(2/10):2010年05月31日星期一

iPhone SDK開發範例大全即iPhone Developer's CookBook的中文譯本,程式可由erica網站下載。第五章講基本表格,程式共有十個。這是第二個程式---02a-FontPickerTable。

本程式練習將一個table自頂端滑出(點圖一右上角<Do It>),有三種font可以選擇,選完,點選<Okay>,再點圖一左上角<Check>,顯示出剛選擇的font,在iPhone simulator執行結果如圖一,程式列於圖二,原程式為OS2.0版,在OS3.0時,cell.text己無法使用了,故將第44行改為45行。程式解說如下:

本程式(圖二)有三大部份,一為第3行 sysBlueColor回覆UIColor,第16行、23行的FontPickerSheet(是個UIView,interface UITABleViewDataSource及UITableViewDelegate),一為第162、168行的HelloController,一為第234、241行的SampleAppAppDelegate,一為第257行的main。在進入詳細說明前,會有個疑問,為何table一開始並未出現?這是因為圖二程式221行[alertView setCenter:CGPointMake(160.0f, -240.0f];將table中心設在y軸-240,因而table在status bar之上。若將這行去掉,table仍未出現,原因是64行rect.origin.y = 0.0f - rect.size.height;將 status bar放在status bar的 0 - rect.size.height之上,因而table全部看不見了。試著先將221行改為[alertView setCenter:CGPointMake(160.0f, 120.0f];,table就出現了。或是將221行omment掉並將64行改為rect.origin.y = 0.0f - rect.size.height + 240.0f;,table也就出現了。

第253行的main:其作用只是程式的entry point。在260行,由SampleAppDelegate跳入主程式jTableAppDelegate(第218行)。

第234、241行的SampleAppDelegate:其作用是有個applicationDidFinishLaunching(第243行)為entry point,main一完就自動跳入此處。在其中產生一個window(第244行),產生一個是Navaigation的view(第245行 UINavigationView Controller),並將HelloController設為其Controller,由此跳入HelloController,在第246行將NavigationView Controller這個UIView加入window subview(此時成為HelloController view)。

第162、168行的HelloController:

169行init,SampleAppDelegate內245行用到此init;

在SampleAppDelegate內applicationDidFinishLaunching(第243行)執行完即跳入199行loadView,201行產生contentView,207行加入rightBarButtonItem "Do It" 、action為presentSheet(175行); 214 行加入leftBarButtonItem "Check" 、action為doNotify(180行);

220行產生aletView。

[[FontPickerSheet alloc] initWithFrame:...] 會跳入FontPickerSheet內的initWithFrame

221行[alertView setCenter:CGPointMake(160.0f, -240.0f];將table中心設在y軸-240,因而table在status bar之上。若將這行去掉,table仍未出現,原因是64行rect.origin.y = 0.0f - rect.size.height;將 status bar放在status bar的 0 - rect.size.height之上,因而table全部看不見了。試著先將221行改為[alertView setCenter:CGPointMake(160.0f, 120.0f];,table就出現了。或是將221行omment掉並將64行改為rect.origin.y = 0.0f - rect.size.height + 240.0f;,table也就出現了。

175行的presentSheet只是在需alertView時[alertView presentView];

180行的doNitify:182行設好message;189行產生UIAlertView alert; 195行顯示alert。

第16行的FontPickerSheet:共分四部份,分別是第18行的init、第24行的Regular methods、第 79 行的Table View Methods( UITableViewDataSource Methods)、第115行的UITableViewDelegateMethods。

30~56行為tableView DataSource及AppDelegate methods。

第62行的initWithFrame:64~67行設frame的origin、alpha、backgroundcolor;72~80行設Okay button;84~91行設table title;94~98行設table的border;101~108行設設table本身。

64行rect.origin.y = 0.0f - rect.size.height;將 status bar放在status bar的 0 - rect.size.height之上,因而table全部看不見了,這就是隱藏table的方式。若此處不隱藏,221行仍會將table隱藏在status bar之上。

第136行的presentView是由175行的presentSheet內177行的[alertView presentView];call到:

141~144行用CGContectRef滑入一個UIView。

這個view即為自己這個frame(146行)。

第117行removeView:

119~120行拿到62行的initWithFrame內101行的tableView;123~133用CGContectRef滑出一個UIView。

 

圖一:執行結果

 

 

圖二:執行結果