Just My Life & My Work

[iOS] 導航欄項目按鈕 (Navigation Bar Item Button)

2013 年 09 月 09 日

這裡我想使用客製化導航欄項目按鈕 (Navigation Bar Item Button)，幾行程式碼就可以辦到～單純只用文字與用設計過的圖片相比，感覺差很多呢！

ios navigation bar button item - no

只是用字表示的樣子。

ios navigation bar button item - yes

套上影像之後變得相當美觀～

以後都這麼寫就可以囉～

// Make LeftBarButtonItem
UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];
[backButton setImage:[UIImage imageNamed:@"back.png"] forState:UIControlStateNormal];
[backButton sizeToFit];
[backButton addTarget:self action:@selector(backButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];
// Make RightBarButtonItem
UIButton *completeButton = [UIButton buttonWithType:UIButtonTypeCustom];
[completeButton setImage:[UIImage imageNamed:@"complete.png"] forState:UIControlStateNormal];
[completeButton sizeToFit];
[completeButton addTarget:self action:@selector(completeButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:completeButton];

其實它就跟一般的按鈕一樣，只是它被塞到navigation bar上頭～

分類：

iOS, 教學

發表留言

Tagged with:

隨意留個言吧：）～

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

標籤雲