Just My Life & My Work

[iOS] 返回按鈕包含文字與圖片

2016 年 01 月 23 日

Navigation Controller原本就有返回按鈕，然而我們想要客製化為包含文字與圖片，可以怎麼做呢？預設是返回圖案和前一視圖的標題，如今我們想換成別的圖案和標題。

backIcon

套用以下程式碼即可做到～

/**
 Theme: Back Button with Text and Image
 IDE: Xcode 7
 Language: Objective C
 Date: 105/01/20
 Author: HappyMan
 Blog: https://cg2010studio.wordpress.com/
 */
    UIImage *backIcon = [[UIImage imageNamed:@"backIcon"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

    UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];

    [backButton addTarget:self action:@selector(back:) forControlEvents:UIControlEventTouchUpInside];

    [backButton setImage:backIcon forState:UIControlStateNormal];

    [backButton setTitle:@"返回" forState:UIControlStateNormal];

    [backButton setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];

    [backButton sizeToFit];

    UIBarButtonItem *barButton = [[UIBarButtonItem alloc] initWithCustomView:backButton];

    self.navigationItem.leftBarButtonItem = barButton;

我們還可以指定點擊按鈕後的反應，若使用預設則很難抓到觸發時機點。

back1

如此一來，我們便可以在點擊按鈕時做判斷，來決定是不是真要返回前一頁。

back2

參考：How to have a UIBarButtonItem with both image and text。

分類：

iOS, 教學

發表留言

Tagged with:

隨意留個言吧：）～

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

標籤雲