Я хочу изменить цвет фона UITabBarItem значок, но не могу найти какой-либо ресурс о том, как его сделать. 
Можно ли изменить цвет значка UITabBarItem?
Ответ 1
UITabBarItem это доступно с iOS 10.
var badgeColor: UIColor? { get set }
Это также доступно через появление.
if #available(iOS 10, *) {
UITabBarItem.appearance().badgeColor = .green
}
справочные документы: https://developer.apple.com/reference/uikit/uitabbaritem/1648567-badgecolor
Ответ 2
Изменение цвета значка теперь изначально поддерживается в iOS 10 и более поздних версиях, используя свойство badgeColor внутри вашего UITabBarItem. См. Apple Docs для получения дополнительной информации о собственности.
Пример:
- Swift 3:
myTab.badgeColor = UIColor.blue - Objective-C:
[myTab setBadgeColor:[UIColor blueColor]];
Ответ 3
Я написал этот фрагмент кода для своего приложения, но я его тестировал только в iOS 7.
for (UIView* tabBarButton in self.tabBar.subviews) {
for (UIView* badgeView in tabBarButton.subviews) {
NSString* className = NSStringFromClass([badgeView class]);
// looking for _UIBadgeView
if ([className rangeOfString:@"BadgeView"].location != NSNotFound) {
for (UIView* badgeSubview in badgeView.subviews) {
NSString* className = NSStringFromClass([badgeSubview class]);
// looking for _UIBadgeBackground
if ([className rangeOfString:@"BadgeBackground"].location != NSNotFound) {
@try {
[badgeSubview setValue:[UIImage imageNamed:@"YourCustomImage.png"] forKey:@"image"];
}
@catch (NSException *exception) {}
}
if ([badgeSubview isKindOfClass:[UILabel class]]) {
((UILabel *)badgeSubview).textColor = [UIColor greenColor];
}
}
}
}
}
Вы можете обновить фон значка с помощью изображения, а не цвета. Я также выставил ярлык значка, если вы хотите каким-то образом его обновить.
Важно отметить, что этот код нужно вызывать после установки tabBarItem.badgeValue!
РЕДАКТИРОВАТЬ: 4/14/14
Приведенный выше код будет работать в iOS 7 при вызове в любом месте. Чтобы заставить его работать в iOS 7.1, вызовите его в контроллерах представления -viewWillLayoutSubviews.
EDIT: 12/22/14
Здесь обновленный фрагмент, который я использую в настоящее время. Я добавил код в расширение категории для простоты.
- (void)badgeViews:(void (^)(UIView* badgeView, UILabel* badgeLabel, UIView* badgeBackground))block {
if (block) {
for (UIView* tabBarButton in self.subviews) {
for (UIView* badgeView in tabBarButton.subviews) {
NSString* className = NSStringFromClass([badgeView class]);
if ([className rangeOfString:@"BadgeView"].location != NSNotFound) {
UILabel* badgeLabel;
UIView* badgeBackground;
for (UIView* badgeSubview in badgeView.subviews) {
NSString* className = NSStringFromClass([badgeSubview class]);
if ([badgeSubview isKindOfClass:[UILabel class]]) {
badgeLabel = (UILabel *)badgeSubview;
} else if ([className rangeOfString:@"BadgeBackground"].location != NSNotFound) {
badgeBackground = badgeSubview;
}
}
block(badgeView, badgeLabel, badgeBackground);
}
}
}
}
}
Затем, когда вы будете готовы называть его, он будет выглядеть следующим образом.
[self.tabBar badgeViews:^(UIView *badgeView, UILabel *badgeLabel, UIView *badgeBackground) {
}];
РЕДАКТИРОВАТЬ: 11/16/15
Мне было доведено до сведения, что некоторые люди нуждаются в большей ясности в отношении того, что происходит в этом коде. Петли for ищут несколько видов, которые не доступны для общественности. Проверяя, содержит ли имя класса представления часть ожидаемого имени, он обеспечивает доступ к предполагаемому виду, не устанавливая Apple ни один из возможных красных флагов. Как только все будет установлено, блок выполняется с легким доступом к этим представлениям.
Следует отметить, что существует вероятность того, что этот код перестанет работать в будущем обновлении iOS. Например, эти внутренние представления могут однажды получить разные имена классов. Однако шансы на это почти равны, поскольку даже внутри компании Apple редко реорганизует классы по этому поводу. Но даже если бы это было так, это было бы что-то вроде названия UITabBarBadgeView, которое все равно достигнет ожидаемой точки в коде. Будучи тем, что iOS9 хорошо находится в дверях, и этот код по-прежнему работает по назначению, вы можете ожидать, что эта проблема никогда не возникнет.
Ответ 4
У меня такая же проблема, и я решил ее создать, создав небольшую категорию, которая заменит BadgeView на UILabel, который вы можете легко настроить.
Ответ 5
Для пользователей, использующих Swift, мне удалось улучшить ответ TimWhiting, чтобы изображение значка работало над любым размером экрана и любой ориентацией.
extension UITabBarController {
func setBadges(badgeValues: [Int]) {
for view in self.tabBar.subviews {
if view is CustomTabBadge {
view.removeFromSuperview()
}
}
for index in 0...badgeValues.count-1 {
if badgeValues[index] != 0 {
addBadge(index, value: badgeValues[index], color:UIColor(paletteItem: .Accent), font: UIFont(name: Constants.ThemeApp.regularFontName, size: 11)!)
}
}
}
func addBadge(index: Int, value: Int, color: UIColor, font: UIFont) {
let badgeView = CustomTabBadge()
badgeView.clipsToBounds = true
badgeView.textColor = UIColor.whiteColor()
badgeView.textAlignment = .Center
badgeView.font = font
badgeView.text = String(value)
badgeView.backgroundColor = color
badgeView.tag = index
tabBar.addSubview(badgeView)
self.positionBadges()
}
override public func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
self.positionBadges()
}
// Positioning
func positionBadges() {
var tabbarButtons = self.tabBar.subviews.filter { (view: UIView) -> Bool in
return view.userInteractionEnabled // only UITabBarButton are userInteractionEnabled
}
tabbarButtons = tabbarButtons.sort({ $0.frame.origin.x < $1.frame.origin.x })
for view in self.tabBar.subviews {
if view is CustomTabBadge {
let badgeView = view as! CustomTabBadge
self.positionBadge(badgeView, items:tabbarButtons, index: badgeView.tag)
}
}
}
func positionBadge(badgeView: UIView, items: [UIView], index: Int) {
let itemView = items[index]
let center = itemView.center
let xOffset: CGFloat = 12
let yOffset: CGFloat = -14
badgeView.frame.size = CGSizeMake(17, 17)
badgeView.center = CGPointMake(center.x + xOffset, center.y + yOffset)
badgeView.layer.cornerRadius = badgeView.bounds.width/2
tabBar.bringSubviewToFront(badgeView)
}
}
class CustomTabBadge: UILabel {}
Ответ 6
Нет, вы не можете изменить цвет, но вместо этого можете использовать свои собственные значки. Добавьте это расширение в область файла, и вы можете настроить значки, как вам нравится. Просто вызовите self.tabBarController!.setBadges([1,0,2]) в любом из ваших корневых контроллеров.
Чтобы было ясно, что для панели вкладок с тремя элементами, значения значка идут слева направо.
extension UITabBarController {
func setBadges(badgeValues:[Int]){
var labelExistsForIndex = [Bool]()
for value in badgeValues {
labelExistsForIndex.append(false)
}
for view in self.tabBar.subviews {
if view.isKindOfClass(PGTabBadge) {
let badgeView = view as! PGTabBadge
let index = badgeView.tag
if badgeValues[index]==0 {
badgeView.removeFromSuperview()
}
labelExistsForIndex[index]=true
badgeView.text = String(badgeValues[index])
}
}
for var i=0;i<labelExistsForIndex.count;i++ {
if labelExistsForIndex[i] == false {
if badgeValues[i] > 0 {
addBadge(i, value: badgeValues[i], color:UIColor(red: 4/255, green: 110/255, blue: 188/255, alpha: 1), font: UIFont(name: "Helvetica-Light", size: 11)!)
}
}
}
}
func addBadge(index:Int,value:Int, color:UIColor, font:UIFont){
let itemPosition = CGFloat(index+1)
let itemWidth:CGFloat = tabBar.frame.width / CGFloat(tabBar.items!.count)
let bgColor = color
let xOffset:CGFloat = 12
let yOffset:CGFloat = -9
var badgeView = PGTabBadge()
badgeView.frame.size=CGSizeMake(17, 17)
badgeView.center=CGPointMake((itemWidth * itemPosition)-(itemWidth/2)+xOffset, 20+yOffset)
badgeView.layer.cornerRadius=badgeView.bounds.width/2
badgeView.clipsToBounds=true
badgeView.textColor=UIColor.whiteColor()
badgeView.textAlignment = .Center
badgeView.font = font
badgeView.text = String(value)
badgeView.backgroundColor = bgColor
badgeView.tag=index
tabBar.addSubview(badgeView)
}
}
class PGTabBadge: UILabel {
}
Ответ 7
Swift 3 Вот обновленная версия ответа @Kirualex (который улучшил ответ @TimWhiting) для Swift 3.
extension UITabBarController {
func setBadges(badgeValues: [Int]) {
for view in self.tabBar.subviews {
if view is CustomTabBadge {
view.removeFromSuperview()
}
}
for index in 0...badgeValues.count-1 {
if badgeValues[index] != 0 {
addBadge(index: index, value: badgeValues[index], color: UIColor.blue, font: UIFont(name: "Helvetica-Light", size: 11)!)
}
}
}
func addBadge(index: Int, value: Int, color: UIColor, font: UIFont) {
let badgeView = CustomTabBadge()
badgeView.clipsToBounds = true
badgeView.textColor = UIColor.white
badgeView.textAlignment = .center
badgeView.font = font
badgeView.text = String(value)
badgeView.backgroundColor = color
badgeView.tag = index
tabBar.addSubview(badgeView)
self.positionBadges()
}
override open func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
self.positionBadges()
}
// Positioning
func positionBadges() {
var tabbarButtons = self.tabBar.subviews.filter { (view: UIView) -> Bool in
return view.isUserInteractionEnabled // only UITabBarButton are userInteractionEnabled
}
tabbarButtons = tabbarButtons.sorted(by: { $0.frame.origin.x < $1.frame.origin.x })
for view in self.tabBar.subviews {
if view is CustomTabBadge {
let badgeView = view as! CustomTabBadge
self.positionBadge(badgeView: badgeView, items:tabbarButtons, index: badgeView.tag)
}
}
}
func positionBadge(badgeView: UIView, items: [UIView], index: Int) {
let itemView = items[index]
let center = itemView.center
let xOffset: CGFloat = 12
let yOffset: CGFloat = -14
badgeView.frame.size = CGSize(width: 17, height: 17)
badgeView.center = CGPoint(x: center.x + xOffset, y: center.y + yOffset)
badgeView.layer.cornerRadius = badgeView.bounds.width/2
tabBar.bringSubview(toFront: badgeView)
}
}
class CustomTabBadge: UILabel {}
Ответ 8
Кажется, что нет. Вы можете установить значение. Из значка документации Apple:
Текст, отображаемый в верхнем правом углу элемента с помощью окружающий красный овал.
Ответ 9
Вам нужно указать элемент табуляции в индексе, чтобы изменить цвет значка, # доступно в iOS 10,
if #available(iOS 10.0, *)
{
self.kAppTabBarController.tabBar.items![1].badgeColor = YOUR_COLOR
}
Ответ 10
ДА, но единственным возможным решением является создание настраиваемой вкладки и создание пользовательского значка значка на вкладке. Вы найдете много статей/кода для создания настраиваемой вкладки.
Ответ 11
// change TabBar BadgeView background Color
-(void)changeTabBarBadgeViewBgColor:(UITabBar*)tabBar {
for (UIView* tabBarButton in tabBar.subviews) {
for (UIView* badgeView in tabBarButton.subviews) {
NSString* className = NSStringFromClass([badgeView class]);
// looking for _UIBadgeView
if ([className rangeOfString:@"BadgeView"].location != NSNotFound) {
for (UIView* badgeSubview in badgeView.subviews) {
NSString* className = NSStringFromClass([badgeSubview class]);
// looking for _UIBadgeBackground
if ([className rangeOfString:@"BadgeBackground"].location != NSNotFound) {
@try {
[badgeSubview setValue:nil forKey:@"image"];
[badgeSubview setBackgroundColor:[UIColor blueColor]];
badgeSubview.clipsToBounds = YES;
badgeSubview.layer.cornerRadius = badgeSubview.frame.size.height/2;
}
@catch (NSException *exception) {}
}
if ([badgeSubview isKindOfClass:[UILabel class]]) {
((UILabel *)badgeSubview).textColor = [UIColor greenColor];
}
}
}
}
}
}
Ответ 12
Теперь вы можете сделать это и в раскадровке, выбрав элемент панели вкладок и перейдя к инспектору атрибутов.
Ответ 13
Посмотрите здесь @UITabbarItem-CustomBadge.
Полная демонстрация следующая
требуется только две строки кода, если вы хотите использовать реализацию по умолчанию
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
//supplying the animation parameter
[UITabBarItem setDefaultAnimationProvider:[[DefaultTabbarBadgeAnimation alloc] init]];
[UITabBarItem setDefaultConfigurationProvider:[[DefaultSystemLikeBadgeConfiguration alloc] init]];
//rest of your code goes following...
return YES;
}