ios - iOS UIBarButtonItem のタイトルテキストを削除する

Question

私がやりたかったのはUIBarButtonItem、ナビゲーションバーに青いシェブロンだけを残して、の「戻る」ボタンからテキストを削除することです。私は iOS 7 向けに開発していることを覚えておいてください。次のようないくつかの方法を試しましたが、これらに限定されません。

これは私が気に入らなかった画像方法です (画像が場違いに見えました):

UIBarButtonItem *barBtnItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"iOS7BackButton"] style:UIBarButtonItemStylePlain target:self action:@selector(goToPrevious:)];
self.navigationItem.leftBarButtonItem = barBtnItem;

私が試した別の方法はこれでした。これは単に機能しませんでした（何も表示されませんでした）：

UIBarButtonItem *barBtn = [[UIBarButtonItem alloc]init];
barBtn.title=@"";
self.navigationItem.leftBarButtonItem=barBtn;

私が実現したかったのは、iOS 7 のミュージックアプリにある戻るボタンのようなもので、1 つのシェブロンしかありませんでした。

ありがとう。

score 412 · Accepted Answer

タイトルを変更せずにView Controllerの戻るボタンのタイトルを設定するには:

目的 C:

self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:self.navigationItem.backBarButtonItem.style target:nil action:nil];

迅速：

navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)

明確にするために、これは、戻るボタンを押した場合に表示されるView Controllerで行われます。つまり、'< Settings' を表示する代わりに '<' だけを表示したい場合は、SettingsViewController でこれをに配置しますinit。そうすれば、View Controller自体を見ているときにタイトルが表示されないという問題は発生しません。

score 198 · Accepted Answer

[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(-60, -60)
                                                         forBarMetrics:UIBarMetricsDefault];

次に、戻るボタンのアイテムのタイトルを削除できます。

Storyboard を使用する場合、ナビゲーション属性インスペクタ Back Button をスペースで設定できます。

score 128 · Accepted Answer

ストーリーボードを使用している場合Attributes Inspectorは、ViewController のNavigation Item( をクリックNavigation Bar) に移動し、Back Buttonプロパティを " " (1 つのスペース文字) に設定できます。これにより、戻るボタンのタイトルが 1 つのスペース文字に設定され、シェブロンが表示されたままになります。コードをいじる必要はありません。

サンプル画像

これにより、このコントローラー内に表示されるのタイトルではなく、その上にプッシュされたものからこのビューコントローラーに続く [戻る] ボタンのBack Buttonタイトルが設定されることに注意してください。Back Button

score 28 · Accepted Answer

状況に応じて物事を見ることが役立つ場合があります。これは、「戻る」テキストを非表示にしながら矢印を表示する最小限のプロジェクトです。

絵コンテ

[Show Second View Controller] ボタンから 2 番目のビューコントローラーへのショーセグエがあります。

また、2 番目のビューコントローラーにナビゲーションアイテムを追加して、タイトルを付けました。これはオプションです。戻るボタンには影響しません。

コード

FirstViewController.swift

import UIKit
class FirstViewController: UIViewController {

    @IBAction func showSecondViewControllerButtonTapped(sender: UIButton) {

        // hide the back button text
        navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)
    }
}

SecondViewController.swift

import UIKit
class SecondViewController: UIViewController {
    // Nothing at all needed here
}

別の方法 (IB のみ、コードなし)

ストーリーボードで、最初のビューコントローラー (2 番目ではなく)のナビゲーション項目を選択します。戻るボタンのテキストにスペースを入力するだけです。

score 27 · Accepted Answer

ボタンのタイトルを設定するときは、@"" の代わりに @" " を使用します。

- 編集 -

他の弦を試してみて何か変化はありますか? 私は次のコードを自分でうまく使用しています：

UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle:backString style:UIBarButtonItemStyleDone target:nil action:nil];
[[self navigationItem] setBackBarButtonItem:backButton];

backString は、iOS 7 またはそれ以前のバージョンを使用しているかどうかに応じて、@" " または @"Back" に設定される変数です。

注意すべきことの 1 つは、このコードが、戻るボタンをカスタマイズしたいページのコントローラーにないことです。実際には、ナビゲーションスタックの前にコントローラーにあります。

score 15 · Accepted Answer

15

self.navigationController.navigationBar.topItem.title = @"";

于 2015-08-05T22:09:16.577 に答える

score 11 · Accepted Answer

iOS7 では、Apple は UINavigationBar に「backIndicatorTransitionMaskImage」と「backIndicatorImage」という 2 つの新しいプロパティを導入しました。

一度呼び出すだけで：

[[UINavigationBar appearance] setBackIndicatorImage:[UIImage imageNamed:@"your_image"]];
[[UINavigationBar appearance] setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"your_image_mask"]];

デフォルトのシェブロングリフの代わりにカスタムイメージをレンダリングし、keyWindow の色合いを継承します。

そして、タイトルを削除するために、カマロスの答えを提案します. 新しいView ControllerをプッシュしているView Controllerでこのコードを呼び出すことを忘れないでください。iOS UIBarButtonItem のタイトルテキストを削除する

score 10 · Accepted Answer

提供された回答ではあまり成功しませんでしたが、本当に簡単な回避策を見つけました。ストーリーボードで、UIViewController のナビゲーション項目をクリックして、戻るボタンのテキストを設定できます。単一の ' ' スペースに設定すると、探していた動作が得られました。ここに画像の説明を入力

score 10 · Accepted Answer

これはiOS10でうまくいきました。ビューコントローラのviewDidLoadから呼び出します。

self.navigationController?.navigationBar.topItem?.title = ""

score 6 · Accepted Answer

実際には、たった 1 つのトリックでこれを行うことができます。

クラスをオーバーライドUINavigationBarして、次のコード行を追加します。

- (void)layoutSubviews{
    self.backItem.title = @"";
    [super layoutSubviews];
}

次にUINavigationController、このカスタム UINavigationBar クラスで初期化します。UINavigationController * navController = [[UINavigationController alloc] initWithNavigationBarClass:[CBCNavigationBar class] toolbarClass:nil];

お役に立てれば

score 6 · Accepted Answer

iOS7 と 6 で動作するこの問題の簡単な解決策は、viewDidLoad でカスタムタイトルビューを設定することです。

- (void)viewDidLoad {

    [super viewDidLoad];

    UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectZero];
    titleLabel.text = self.title;
    titleLabel.backgroundColor = [UIColor clearColor];

    [titleLabel sizeToFit];

    self.navigationItem.titleView = titleLabel;
}

次に、viewWillAppear: で安全に呼び出すことができます

self.navigationController.navigationBar.topItem.title = @" ";

タイトルビューはカスタムビューであるため、ナビゲーションスタックに戻っても上書きされません。

score 5 · Accepted Answer

DonnaLea の回答を使用して、何かをまとめることができました。これは、UIViewController サブクラスでソリューションがどのように表示されるかです。

var backItemTitle:String?

override func viewDidLoad() {
    super.viewDidLoad()

    //store the original title
    backItemTitle = self.navigationController?.navigationBar.topItem?.title

    //remove the title for the back button
    navigationController?.navigationBar.topItem?.title = ""
}

override func willMoveToParentViewController(parent: UIViewController?) {
    super.willMoveToParentViewController(parent)
    if parent == nil {

        //restore the orignal title
        navigationController?.navigationBar.backItem?.title = backItemTitle
    }
}

元の回答の問題は、コントローラーに戻ったときにコントローラーからタイトルが削除されることです。viewWillDisappear でタイトルをリセットしようとしても、移行プロセスでは遅すぎます。うまくアニメーション化するのではなく、タイトルが元に戻ります。ただし、 willMoveToParentViewController はより早く発生し、正しい動作が可能になります。

警告: 通常の UINavigationController プッシュ/ポップでのみこれをテストしました。他の状況では、追加の予期しない動作が発生する可能性があります。

score 4 · Accepted Answer

最初の ViewController の prepareForSegue: メソッドで、そのビューのタイトルを @"" に設定すると、次のビューがプッシュされると、以前の ViewController のタイトルが @"" に表示されます。

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
    self.navigationItem.title = @" ";
}

これに関する唯一の問題は、戻るボタンを押したときに前のビューにタイトルがないため、viewWillAppear で再度追加できることです。

- (void)viewWillAppear:(BOOL)animated{
    self.navigationItem.title = @"First View Title";
}

私はこの解決策があまり好きではありませんが、うまくいき、それを行う他の方法が見つかりませんでした。

score 3 · Accepted Answer

[[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefaultPrompt];
[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(10.0, NSIntegerMin) forBarMetrics:UIBarMetricsDefault];
[[UIBarButtonItem appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor],
                                                               NSFontAttributeName:[UIFont systemFontOfSize:1]}
                                                    forState:UIControlStateNormal];

score 3 · Accepted Answer

答えのどれも私を助けませんでした。しかし、トリックがありました-プッシュする直前に、プッシュしたビューコントローラーのタイトル（戻るボタンがどこにあるのか）をクリアしました。

そのため、前のビューにタイトルがない場合、iOS 7 の戻るボタンには矢印のみが表示され、テキストは表示されません。

viewWillAppearプッシュビューのオンに、元のタイトルを戻しました。

score 3 · Accepted Answer

これは、サブクラスを使用しnavigationControllerて「Back」を削除します。

これを使用して、アプリから永久に削除しています。

//.h
@interface OPCustomNavigationController : UINavigationController 

@end

//.m
@implementation OPCustomNavigationController

- (void)awakeFromNib
{
    [self backButtonUIOverride:YES];
}

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
    [self backButtonUIOverride:NO];

    [super pushViewController:viewController animated:animated];
}

- (void)backButtonUIOverride:(BOOL)isRoot
{
    if (!self.viewControllers.count)
        return;

    UIViewController *viewController;

    if (isRoot)
    {
        viewController = self.viewControllers.firstObject;
    }
    else
    {
        int previousIndex = self.viewControllers.count - 1;

        viewController = [self.viewControllers objectAtIndex:previousIndex];
    }

    viewController.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@""
                                                                                       style:UIBarButtonItemStylePlain
                                                                                      target:nil
                                                                                      action:nil];
}

@end

score 2 · Accepted Answer

ナビゲーションバーの戻るボタンのタイトルを隠す

UIBarButtonItem *barButton = [[UIBarButtonItem alloc] init];
barButton.title = @""; // blank or any other title
self.navigationController.navigationBar.topItem.backBarButtonItem = barButton;

score 2 · Accepted Answer

これが私がやっていることです。これは、戻るボタンのタイトルを削除する方が簡単です

override func viewDidLoad() {
    super.viewDidLoad()
    navigationController?.navigationBar?.backItem?.title = ""
}

score 1 · Accepted Answer

グローバルに完璧なソリューション

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

    UIBarButtonItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName:UIColor.clearColor()], forState: UIControlState.Normal)
    UIBarButtonItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName:UIColor.clearColor()], forState: UIControlState.Highlighted)

    return true
}

score 1 · Accepted Answer

case : <Back as <

override func viewWillAppear(animated: Bool) {
navigationController!.navigationBar.topItem!.title = ""
    }

score 1 · Accepted Answer

カスタムクラスを作成UINavigationControllerし、アプリ内のすべてのナビゲーションコントローラーに適用します。このカスタムUINavigationControllerクラス内で、ビューが読み込まれるとUINavigationBarデリゲートを設定します。self

- (void)viewDidLoad {
    self.navigationBar.delegate = self;
}

次に、デリゲートメソッドを実装します。

- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPushItem:(UINavigationItem *)item {

    // This will clear the title of the previous view controller
    // so the back button is always just a back chevron without a title
    if (self.viewControllers.count > 1) {
        UIViewController *previousViewController = [self.viewControllers objectAtIndex:(self.viewControllers.count - 2)];
        previousViewController.title = @"";
    }
    return YES;
}

このようにして、カスタムクラスをすべてのナビゲーションコントローラーに割り当てるだけで、すべての [戻る] ボタンからタイトルがクリアされます。viewWillAppearわかりやすくするために、ビューが表示される直前にタイトルが常に更新されるように、他のすべてのビューコントローラーのタイトルを常に設定します (このようなトリックによって削除された場合)。

score 0 · Accepted Answer

iOS 11 では、次のコードを使用して戻るボタンのタイトルを非表示にできます。

迅速：

UIBarButtonItem.appearance().setTitleTextAttributes([ NSForegroundColorAttributeName : UIColor.clear ], for: .normal)
UIBarButtonItem.appearance().setTitleTextAttributes([ NSForegroundColorAttributeName : UIColor.clear ], for: .highlighted)

このコードは、ナビゲーションバーからタイトルを削除しませんが、透明にするだけで、戻るボタンにはまだタイトルのスペースがあります。ビューコントローラーのタイトル用にさらにスペースが必要な場合は、別のソリューションを使用する必要があります。

score 0 · Accepted Answer

Guto Araujo の答えを使用して動作させることができませんでしたnavigationBar.topItem.title = @"";

ただし、 View Controllerself.title = @""のメソッドを設定することで、目的の効果を得ることができました。（設定は重要で、機能しません。）initinitviewDidLoad

score -3 · Accepted Answer

UIBarButtonItem の外観のオフセットを設定するだけです。

[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(-1000, -1000)
                                                     forBarMetrics:UIBarMetricsDefault];

score -3 · Accepted Answer

これはiOS 7以降でうまくいきました：

ビューでDidLoad:

self.navigationItem.backBarButtonItem.title = @" ";

はい、それは引用符の間のスペースです。

ios - iOS UIBarButtonItem のタイトル テキストを削除する

39 に答える 39

別の方法 (IB のみ、コードなし)

ナビゲーションバーの戻るボタンのタイトルを隠す

Related

Reference

ios - iOS UIBarButtonItem のタイトルテキストを削除する