Just a Computer Graphics Studio & My Life

這裡我想使用客製化導航欄項目按鈕 (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上頭~

廣告

發表留言

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

標籤雲

%d 位部落客按了讚: