blocks|key|929222|text|最后，我找到了在UIBarbutton项目上添加徽章的方法。我找了很多，但没有找到正确的答案。因此，我创建了UIButton并将其添加为右栏按钮项上的自定义视图。添加添加用于显示徽章编号的MKNumberBadgeView。下面我已经为你添加了我的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|929223|//+Initialize+NKNumberBadgeView...
MKNumberBadgeView+*number+=+[[MKNumberBadgeView+alloc]+initWithFrame:CGRectMake(60,+00,+30,20)];
number.value+=+10;

//+Allocate+UIButton
UIButton+*btn+=+[UIButton++buttonWithType:UIButtonTypeCustom];
++++btn.frame+=+CGRectMake(0,+0,+70,+30);
++++btn.layer.cornerRadius+=+8;
++++[btn+setTitle:@"Button"+forState:UIControlStateNormal];
++++[btn+addTarget:self+action:nil+forControlEvents:UIControlEventTouchUpInside];
++++//[btn+setBackgroundColor:[UIColor+blueColor]];
++++[btn+setBackgroundColor:[UIColor+colorWithRed:0.0+green:0.0+blue:0.1+alpha:0.2]];
++++btn.font+=+[UIFont+systemFontOfSize:13];
++++//[btn+setFont:[UIFont+systemFontOfSize:13]];
++++[btn+addSubview:number];+//Add+NKNumberBadgeView+as+a+subview+on+UIButton

//+Initialize+UIBarbuttonitem...
UIBarButtonItem+*proe+=+[[UIBarButtonItem+alloc]+initWithCustomView:btn];
self.navigationItem.leftBarButtonItem+=+proe;|code-block|syntax|javascript|929224|谢谢。|929225|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/erichoracek/MKNumberBadgeView^0|2M|H|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Finally i found the way to add badges on UIBarbutton item. I searched lot but not found the correct answer. So i created UIButton and add it as a Custom view on rightbarbutton item. Add add the <a href="https://github.com/erichoracek/MKNumberBadgeView" rel="noreferrer">MKNumberBadgeView</a> for display the badge number. Below i have add my code for you.

<pre><code>// Initialize NKNumberBadgeView...
MKNumberBadgeView *number = [[MKNumberBadgeView alloc] initWithFrame:CGRectMake(60, 00, 30,20)];
number.value = 10;

// Allocate UIButton
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
 btn.frame = CGRectMake(0, 0, 70, 30);
 btn.layer.cornerRadius = 8;
 [btn setTitle:@"Button" forState:UIControlStateNormal];
 [btn addTarget:self action:nil forControlEvents:UIControlEventTouchUpInside];
 //[btn setBackgroundColor:[UIColor blueColor]];
 [btn setBackgroundColor:[UIColor colorWithRed:0.0 green:0.0 blue:0.1 alpha:0.2]];
 btn.font = [UIFont systemFontOfSize:13];
 //[btn setFont:[UIFont systemFontOfSize:13]];
 [btn addSubview:number]; //Add NKNumberBadgeView as a subview on UIButton

// Initialize UIBarbuttonitem...
UIBarButtonItem *proe = [[UIBarButtonItem alloc] initWithCustomView:btn];
self.navigationItem.leftBarButtonItem = proe;
</code></pre>

Thanks.

blocks|key|713238|text|这很简单，也是最好的方法！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|713239|​|713240|📷|atomic|offset|length|713241|713242|MKNumberBadgeView+*numberBadge+=+[[MKNumberBadgeView+alloc]+initWithFrame:CGRectMake(230,+-51,+40,+40)];
numberBadge.value+=+5;

self.navigationController.navigationBar.layer.zPosition+=+-1;
[self.view+addSubview:numberBadge];|code-block|syntax|javascript|713243|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b25e34b31e7b868fa2fa31c5bc5682e0.png|imageAlt^0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@$G|10|H|11|1|12]]|A|$]]|$1|I|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|14|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V|W|-4]]]]

It's simple and the best way !

<img src="https://i.stack.imgur.com/RGUGH.png" alt="enter image description here">

<pre><code>MKNumberBadgeView *numberBadge = [[MKNumberBadgeView alloc] initWithFrame:CGRectMake(230, -51, 40, 40)];
numberBadge.value = 5;

self.navigationController.navigationBar.layer.zPosition = -1;
[self.view addSubview:numberBadge];
</code></pre>

blocks|key|929421|text|我做了类似于MaxMa的事情，但我只是继续并将徽章直接添加到self.navigationController.navigationBar中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|929422|​|929423|📷|atomic|offset|length|929424|929425|MKNumberBadgeView+*numberBadge+=+[[MKNumberBadgeView+alloc]+initWithFrame:CGRectMake(35,+0,+40,+40)];
numberBadge.value+=+1;

[self.navigationController.navigationBar+addSubview:numberBadge];|code-block|syntax|javascript|929426|只需确保在viewWillDisappear过程中将其从子视图中移除，并在viewDidAppear过程中将其添加回来。这看起来还是有点老生常谈，但我更习惯于使用这个技巧，而不是改变导航栏的z-order。|929427|在viewWillDisappear过程中删除它|929428|-+(void)viewWillDisappear:(BOOL)animated
{
++++[super+viewWillDisappear:animated];
++++[numberBadge+removeFromSuperview];+
}|929429|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/9bf00a395957e3021f19e7a36c578ba7.png|imageAlt^0|0|0|0|1|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|15|8|@]|9|@$G|16|H|17|1|18]]|A|$]]|$1|I|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1A|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1B|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1C|8|@]|9|@]|A|$]]|$1|S|3|T|5|L|7|1D|8|@]|9|@]|A|$M|N]]|$1|U|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11|12|-4]]]]

I did something similar to MaxMa, but I just went ahead and added the badge directly to the self.navigationController.navigationBar.

<img src="https://i.stack.imgur.com/htoD9.png" alt="enter image description here">

<pre><code>MKNumberBadgeView *numberBadge = [[MKNumberBadgeView alloc] initWithFrame:CGRectMake(35, 0, 40, 40)];
numberBadge.value = 1;

[self.navigationController.navigationBar addSubview:numberBadge];
</code></pre>

Just make sure to remove it from the subview during viewWillDisappear and add it back during viewDidAppear. It still seems a little hacky, but I'm more comfortable with this hack then changing the nav bar z-order.

To remove it during viewWillDisappear

<pre><code>- (void)viewWillDisappear:(BOOL)animated
{
 [super viewWillDisappear:animated];
 [numberBadge removeFromSuperview]; 
}
</code></pre>

blocks|key|713484|text|我知道这个问题已经解决了，但为了完整起见，我想我可能会把我发现的东西添加到这个答案中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|713485|您也可以直接将MKNumberBadgeView添加到UIBarButtonItem的视图中。使用单点触控(C#)，这就是获取UIBarButtonItem视图的方法|offset|length|style|CODE|713486|++++++++//barbutton+is+some+UIBarButtonItem.+Make+sure+to+check+for+view.+In
++++++++//ViewDidLoad(),+the+view+for+the+barbutton+might+not+exist+yet.
++++++++Selector+sel+=+new+Selector("view");
++++++++var+handle+=+Messaging.intptr_objc_msgSend(barbutton.Handle,+sel.Handle);
++++++++var+view+=+Runtime.GetNSObject(handle)+as+UIView;
++++++++var+mkBadge+=+...++++//the+badge
++++++++view.Add(badge);
++++++++view.Layer.ZPosition+=+<some+large+number>+|code-block|syntax|javascript|713487|我相信将其转换为Obj-C很容易。您还需要摆弄徽章的边框，使其显示在正确的位置。|713488|这样你就不必从导航栏中删除/添加视图了。|713489|entityMap^0|0|7|H|R|F|1R|F|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]|$D|W|E|X|F|G]|$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|R|$]]

I know this has been solved already,but I thought I might add what I have discovered to this answer for the sake of completeness.

You can also just add <code>MKNumberBadgeView</code> directly to the view for the <code>UIBarButtonItem</code>. Using Monotouch (C#), this is how you get the view for the <code>UIBarButtonItem</code>

<pre><code> //barbutton is some UIBarButtonItem. Make sure to check for view. In
 //ViewDidLoad(), the view for the barbutton might not exist yet.
 Selector sel = new Selector("view");
 var handle = Messaging.intptr_objc_msgSend(barbutton.Handle, sel.Handle);
 var view = Runtime.GetNSObject(handle) as UIView;
 var mkBadge = ... //the badge
 view.Add(badge);
 view.Layer.ZPosition = &lt;some large number&gt; 
</code></pre>

I'm sure it's easy to convert this to Obj-C. You will also need to play around with the Frame for the badge to get it to show up in the right place. 

This way you wont have to remove/add the view from the navigationbar.

blocks|key|713575|text|我知道这篇文章很老了，但在iOS7中，MKNumberBadgeView的外观与标签栏项目徽章的设计并不真正匹配。我已经找到了另一个组件，它是UIBarButtonItem，并且做得很好：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|713576|https://github.com/TanguyAladenise/BBBadgeBarButtonItem|offset|length|713577|我希望这对其他像我一样的iOS7开发人员有所帮助|713578|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1J|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

I know this post is pretty old but with iOS7, MKNumberBadgeView's appearance does not really match the tab bar item badge design.
I have found this other component which herits UIBarButtonItem and do the job very well :

<a href="https://github.com/TanguyAladenise/BBBadgeBarButtonItem">https://github.com/TanguyAladenise/BBBadgeBarButtonItem</a>

Hope this may help other iOS7 developers like me

blocks|key|713613|text|phyzalis有一个很好的答案，这里有他的解决方案的分类版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|713614|UIBarButtonItem%2BBadge|offset|length|713615|下面是你如何使用它：|713616|//+Build+your+regular+UIBarButtonItem+with+Custom+View
UIImage+*image+=+[UIImage+imageNamed:@"someImage"];
UIButton+*button+=+[UIButton+buttonWithType:UIButtonTypeCustom];
button.frame+=+CGRectMake(0,0,image.size.width,+image.size.height);
[button+addTarget:self+action:@selector(buttonPress:)+forControlEvents:UIControlEventTouchDown];
[button+setBackgroundImage:image+forState:UIControlStateNormal];

//+Make+BarButton+Item
UIBarButtonItem+*navLeftButton+=+[[UIBarButtonItem+alloc]+initWithCustomView:button];
self.navigationItem.leftBarButtonItem+=+navLeftButton;

//+this+is+the+key+entry+to+change+the+badgeValue
self.navigationItem.leftBarButtonItem.badgeValue+=+@"1";|code-block|syntax|javascript|713617|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mmusallam/UIBarButtonItem-Badge^0|0|0|L|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

phyzalis has a good answer, there's a categorized version of his solution here:

<a href="https://github.com/mmusallam/UIBarButtonItem-Badge">UIBarButtonItem+Badge</a>

Here's how you can use it:

<pre><code>// Build your regular UIBarButtonItem with Custom View
UIImage *image = [UIImage imageNamed:@"someImage"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(0,0,image.size.width, image.size.height);
[button addTarget:self action:@selector(buttonPress:) forControlEvents:UIControlEventTouchDown];
[button setBackgroundImage:image forState:UIControlStateNormal];

// Make BarButton Item
UIBarButtonItem *navLeftButton = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.leftBarButtonItem = navLeftButton;

// this is the key entry to change the badgeValue
self.navigationItem.leftBarButtonItem.badgeValue = @"1";
</code></pre>

blocks|key|929648|text|用于添加UIActivityIndicatorView而不替换UIBarButtonItem的扩展。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|929649|扩展UIBarButtonItem+{|929650|func+startLoading()+{
++++guard+let+view+=+self.value(forKey:+"view")+as?+UIView+else+{+return+}
++++let+loading+=+UIActivityIndicatorView(activityIndicatorStyle:+.gray)
++++loading.frame+=+view.bounds
++++loading.startAnimating()
++++view.addSubview(loading)
++++view.bringSubview(toFront:+loading)
++++let+buttonView+=+view.subviews.first
++++buttonView?.alpha+=+0.1
}

func+stopLoading()+{
++++guard+let+view+=+self.value(forKey:+"view")+as?+UIView+else+{+return+}
++++let+loading+=+view.subviews.filter({+$0+is+UIActivityIndicatorView+}).first
++++loading?.removeFromSuperview()
++++let+buttonView+=+view.subviews.first
++++buttonView?.alpha+=+1.0
}|code-block|syntax|javascript|929651|}|929652|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Extension to add an UIActivityIndicatorView without replacing the UIBarButtonItem.

extension UIBarButtonItem {

<pre><code>func startLoading() {
 guard let view = self.value(forKey: "view") as? UIView else { return }
 let loading = UIActivityIndicatorView(activityIndicatorStyle: .gray)
 loading.frame = view.bounds
 loading.startAnimating()
 view.addSubview(loading)
 view.bringSubview(toFront: loading)
 let buttonView = view.subviews.first
 buttonView?.alpha = 0.1
}

func stopLoading() {
 guard let view = self.value(forKey: "view") as? UIView else { return }
 let loading = view.subviews.filter({ $0 is UIActivityIndicatorView }).first
 loading?.removeFromSuperview()
 let buttonView = view.subviews.first
 buttonView?.alpha = 1.0
}
</code></pre>

}

blocks|key|713723|text|这是一个简单的Swift+4解决方案(通过一些定制)+https://github.com/Syngmaster/BadgedBarButtonItem|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|713724|只需将类拖放到您的项目中，您就可以像这样使用它：|713725|class+ViewController:+UIViewController+{

++++let+btn+=+BadgedButtonItem(with:+UIImage(named:+"your_image"))

++++override+func+viewDidLoad()+{
++++++++super.viewDidLoad()

++++++++btn.badgeTextColor+=+.black
++++++++btn.badgeTintColor+=+.yellow
++++++++btn.position+=+.right
++++++++btn.hasBorder+=+true
++++++++btn.borderColor+=+.red
++++++++btn.badgeSize+=+.medium
++++++++btn.badgeAnimation+=+true

++++++++self.navigationItem.rightBarButtonItem+=+btn

++++++++btn.tapAction+=+{
++++++++++++self.btn.setBadge(with:+4)
++++++++}

++++}

}|code-block|syntax|javascript|713726|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Syngmaster/BadgedBarButtonItem^0|R|1D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Here is a simple Swift 4 solution for it (with some customisation) <a href="https://github.com/Syngmaster/BadgedBarButtonItem" rel="nofollow noreferrer">https://github.com/Syngmaster/BadgedBarButtonItem</a>

Just drag and drop the class into your project and you can use it like that:

<pre><code>class ViewController: UIViewController {

 let btn = BadgedButtonItem(with: UIImage(named: "your_image"))

 override func viewDidLoad() {
 super.viewDidLoad()

 btn.badgeTextColor = .black
 btn.badgeTintColor = .yellow
 btn.position = .right
 btn.hasBorder = true
 btn.borderColor = .red
 btn.badgeSize = .medium
 btn.badgeAnimation = true

 self.navigationItem.rightBarButtonItem = btn

 btn.tapAction = {
 self.btn.setBadge(with: 4)
 }

 }

}
</code></pre>

Hi friends am new to iphone developing. Am struggle with add badge values on UIBarbutton item on right side. I have tried but i can't solve this problem. Can anyone help me.

Thanks in advance!

How to add Badges on UIBarbutton item?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

嗨，朋友们，我是iphone开发的新手。我挣扎与添加在右侧的UIBarbutton项目的徽章价值。我试过了，但我解决不了这个问题。有人能帮我吗。提前感谢！

问如何在UIBarbutton项目上添加徽章？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在UIBarbutton项目上添加徽章？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在UIBarbutton项目上添加徽章？
EN