iOS13适配 TabBar 选中的颜色为蓝色

最新推荐文章于 2023-06-16 21:31:23 发布
最新推荐文章于 2023-06-16 21:31:23 发布
阅读量485 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： iOS 文章标签： iOS13 tabbar
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/trickGenous/article/details/102624658
本文介绍了一个简单的代码片段，用于设置iOS应用中UITabBar未选中项的文字颜色为白色，通过调用setUnselectedItemTintColor方法实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

添加以下代码即可

[[UITabBar appearance] setUnselectedItemTintColor:[UIColor whiteColor]];

 

 

 

ios tabbar插件_iOS tabbar 选择图片默认为蓝色
weixin_33193177的博客
12-29 330
用storyboard设计TabBar相当的快捷、方便。但是在属性板栗设置TabBarItem背景图片的时候，Selected Image设置的图片颜色明明是红色，但是实际运行后却变为蓝色。在StoryBoard中搞了很久也没解决，后来查到是要在代码中更改。UITabItem的头文件，发现下面的内容：/* The unselected image is autogenerated from the...
iOS13系统 TabBar修改文字体颜色
daozhishier的博客
12-06 2210
iOS13系统 TabBar修改文字颜色 笔者性懒,腹中无墨. iOS13之前, 修改TabBar字体选中及未选中颜色, 一般做如下处理即可: iOS13之后, 首次打开App并尝试切换底部tabbar选中下标, 字体颜色都是可以的, 但是如果push了新的页面再回到主页面, 文字高亮颜色默认是系统的高亮蓝色 解决方法: 法一: 不设置UIBarItem的方法: setTitleTextAtt...
iOS-修改Tabbar选中时候默认渲染成蓝色的状态
追求灵魂代码
08-17 3661
背景好像我记得iOS6的时候，tabbar里面的东西是不会自动渲染的，也就是说，你设置成怎样显示出来就是怎样。之后的版本tabbar会被渲染，包括文字和图片。默认状态不会被渲染，但是选中状态会被渲染成蓝色。 实际开发中，我们不想让他被渲染，下面讲讲解决渲染的办法。 解决图片渲染问题找到你的图片在Xcode的位置，然后把Render As的选项修改成Original Image的选项。顾名思义，就是渲
iOS 设置tabbar选中颜色
weixin_33895516的博客
08-31 451
ios7.0在故事板 tab bar 属性设置中设置 p_w_picpath tint颜色值可以实现，ios7.1中该方法不起作用，可以在代码中加入下句实现[self.tabBarController.tabBarsetSelectedImageTintColor:[UIColorgreenColor]];ios8中如下设置：self.tabBar.tintColor=...
iOS tabBarItem的选中与非选中时，背景颜色，字体颜色
izhangtt的博客
07-18 6453
//设置tabBar的背景颜色，使用的方法 //设置tabbar的背景 //tabBar和navigationBar结合使用,tabBarItem的图片设置
iOS 设置tabbar 未选中状态文字颜色
liubo的博客
06-16 942
原有代码遇到一个问题，就是iOS设置 tabar 未选中的文字颜色，没有起作用。
iOS自定义的tabbar
04-04
该源码案例是一款不错的iOS自定义的tabbar效果，源码ZYYCustomTabbar，此代码分为两个页面，特别适合新手学习，第一个页面可以做登陆界面，然后点击登陆以后进入tabbar的控制器视图里面具体实现可以直接看代码里面的...
ios-更换 tabBarItem的背景颜色.zip
07-11
本教程将详细讲解如何在iOS应用中更换TabBarItem的背景颜色。 首先，我们需要了解iOS中的UIAppearance协议。UIAppearance允许我们为应用程序中的UIComponents全局设置外观属性，包括颜色、字体等。尽管TabBarItem...
ios设置tabbar背景颜色_iOS 13 TabBar的字体颜色及背景颜色的设置
05-21
iOS 13中设置TabBar的背景颜色和字体颜色需要使用新的API。以下是设置TabBar背景颜色和字体颜色的示例代码： ``` // 设置TabBar的背景颜色 if #available(iOS 13.0, *) { let appearance = UITabBarAppearance() ...
iOS中给自定义tabBar的按钮添加点击放大缩小的动画效果
09-01
在iOS开发中，自定义TabBar是一种常见的需求，以便实现更个性化的用户界面。本文将详细讲解如何在自定义TabBar中为按钮添加点击时的放大缩小动画效果。这个效果可以提升用户体验，使用户更容易感知当前选中的标签。 ...
iOS 设置tabbar 未选中文案颜色不起作用
liubo的博客
01-11 1476
问题代码 //正常 NSMutableDictionary *normalDict = [NSMutableDictionary dictionary]; normalDict[NSFontAttributeName] = appFont(10*PLUS_SCALE, NO); normalDict[NSForegroundColorAttributeName] = [[TPSkinManager shareManager]colorAutoMatch:TPSkinMapK
UITabBarController自定义底栏图标和字体颜色
momo_Pro的博客
09-22 2042
UITabBarController在开发中是经常用到的系统组件之一，一般刚入门的iOS开发者都会简单的使用，在StoryBoard里面直接设定好图片就行，但是这样出来的效果就是图片默认是灰色，选中时默认是蓝色。在实际开发中，哪有那么简单的事情。所以下面介绍一下在ViewController里面设置tabBar的图片和文字的颜色： //@"Home"里面的Home是你在Assets里面设
iOS TabBar更换选中的文字颜色
Snow_xueY的博客
09-14 2709
setTitleTextAttributes 方法 是 “UI_APPEARANCE_SELECTOR ”，以后只要看到 方法名后面有 “UI_APPEARANCE_SELECTOR ”，就代表可以使用 "[UITabBarItem appearance];" 中的 “appearance”。统一设置。 比如说：tabbarController 上面有5个tabbarItem 。这个时候可以写成
iOS13 解决 TabBar 选中文字颜色为蓝色问题
CXLiao的博客
11-09 2738
该方法设置的是 UITabBar 的 Item 未选中颜色，这样选中的颜色就能正常显示了， 目前发现是在iOS13的系统上才会出现问题，在设置的部分加上这个判断 if (@available(iOS 13.0, *)) { [[UITabBar appearance] setUnselectedItemTintColor:[UIColor whiteColor]]; }...
ios 设置tabbar选中颜色
热门推荐
k12104的专栏
04-18 2万+
[self.tabBarController.tabBar setSelectedImageTintColor:[UIColor RIColor2]];
UITabBarController设置选中时图片和文字的颜色
zhaoName的博客
06-12 1万+
在做标签栏时，美工会给出两套图。一种是正常状态的，一种是选中状态的。但是当我们设置图片时tabBarItem.selectedImage = [UIImage imageNamed:[NSString stringWithFormat:@”tabbar_%@_hl”,picArr[i]]] 发现并没有什么用！显示的还是系统默认的的颜色–蓝色（字也是蓝色的）
iOS13 UITabBar title颜色还原 不正确
郝辰涛的专栏
09-24 5617
iOS13之前使用的是: 设置item title颜色 [[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys: [UIColor redColor],...
ios设置tabbar背景颜色_UITabBarController、TabBar背景颜色设置、TabBarItem颜色处理
weixin_39837352的博客
12-19 1222
在iOS的开发过程中我们使用最多的框架结构估计就是UITabBarController + UINavigationController架构了，然而在开发过程中，对于许多初学者，甚至对于许多有半年多开发经验的iOS dev来说还是会有很多很棘手的问题，比如设置tabBar的背景颜色、tabBarItem的图标选中时的颜色为蓝色、tabBarItem选中的背景色的设置... 完整项目点这里。下面创建...
ios设置tabbar背景颜色_iOS Tabbar的一些设置(背景颜色、点击设置)
weixin_39964869的博客
02-01 2485
设置底部标题点击时的颜色[[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor whiteColor],NSForegroundColorAttributeName,nil] forState:UIControlStateNormal];UIColor...
使用富文本模拟垂直排列时，样式跟随tabBar的样式
最新发布
03-13
<think>好的，我现在需要帮助用户解决如何使用富文本模拟垂直排列，并且让样式跟随tabBar的样式。首先，我得理解用户的具体需求。用户提到“垂直排列”可能是指将多个文本项垂直堆叠，比如在导航栏或tabBar中常见的图标加文字布局。而“样式跟随tabBar的样式”可能是指这些文本项的颜色、字体等需要根据tabBar的状态（比如选中或未选中）动态变化。 接下来，我需要考虑在iOS开发中如何实现这样的效果。通常，富文本可以使用NSAttributedString来设置不同的属性，比如颜色、字体、段落样式等。而垂直排列的话，可能需要调整文本的基线偏移（baselineOffset）或者使用段落样式中的行高、对齐方式等。不过，用户可能更想要的是类似UITabBarItem的布局，即图标在上，文字在下，并且选中时改变颜色。 现在，用户希望用富文本模拟这种垂直排列，而不是直接使用UITabBarItem。这可能是因为他们需要在其他控件（比如UILabel或UIButton）中实现类似的效果。这时候，可能需要将图片和文字组合成一个垂直布局的富文本。不过，UILabel本身不支持嵌入图片，所以可能需要使用UIButton，或者结合Core Text进行更复杂的布局。不过用户特别提到富文本，所以可能需要用NSAttributedString的附件（NSTextAttachment）来插入图片，然后调整文字和图片的位置。 然后，关于样式跟随tabBar的样式，需要获取tabBar的默认颜色，比如未选中时的灰色和选中时的蓝色。可能需要使用UITabBar.appearance()来获取这些颜色，或者直接使用系统提供的颜色，比如系统蓝色。另外，字体方面，可能需要使用tabBar的字体设置，通常是较小的字体，比如UIFont.systemFont(ofSize: 10)。 接下来，如何将图片和文字垂直排列呢？使用NSTextAttachment插入图片，然后在图片后面加上换行符，再添加文字。同时，调整图片的垂直偏移，使其与文字对齐。可能需要设置baselineOffset属性来调整图片的位置，或者使用段落样式来调整行间距和对齐方式。 另外，关于动态改变样式，比如选中状态，用户可能需要根据不同的状态生成不同的富文本，比如改变文字颜色和图片颜色。这时候可能需要使用UIButton的不同状态（如normal和selected）来设置不同的attributedTitle。 不过，用户的问题可能还涉及到如何让这个富文本的样式自动跟随tabBar的变化，比如当tabBar的颜色或字体改变时，富文本也能相应调整。这就需要观察tabBar的样式变化，或者使用KVO来监听相关属性的改变，但可能比较复杂。另一种方法是直接使用tabBar的tintColor或其他属性来动态设置富文本的颜色。 现在，结合用户提供的引用，特别是引用[1]中的SDAutoLayout，可能用户在使用自动布局库来管理界面布局，但问题本身更关注富文本的样式。引用[3]提到的UITableView-FDTemplateLayoutCell可能用于高度自适应，但和当前问题关联不大。引用[4]中的GIF相关库可能不相关。 总结步骤： 1. 使用NSTextAttachment插入图片到富文本中。 2. 调整图片和文字的垂直排列，可能通过换行符和段落样式。 3. 设置富文本的颜色和字体以匹配tabBar的样式。 4. 根据状态（选中/未选中）动态更新富文本属性。 可能遇到的问题：图片和文字的对齐不准确，或者在不同设备上显示不一致。需要测试不同的baselineOffset值和段落样式设置。另外，获取tabBar的准确样式颜色可能需要参考系统默认值或外观代理。 最后，确保回答结构清晰，分步骤说明，并提供代码示例，比如如何创建富文本，设置段落样式，调整图片位置，以及如何应用到按钮或标签上。同时，提醒用户根据需要调整参数以达到最佳效果。</think>要使用富文本模拟垂直排列并跟随tabBar样式，可通过以下步骤实现： ### 一、核心实现步骤 1. **获取tabBar样式参数** - 字体：`UIFont.systemFont(ofSize: 10)` - 选中色：`UIColor.systemBlue` - 未选中色：`UIColor.gray` - 参考系统默认tabBar外观设置[^1] 2. **创建垂直排列富文本** ```swift // 创建图片附件 let attachment = NSTextAttachment() attachment.image = UIImage(named: "icon")?.withRenderingMode(.alwaysTemplate) // 调整图片位置（向下偏移4pt） attachment.bounds = CGRect(x: 0, y: -4, width: 24, height: 24) // 组合图文 let attributedText = NSMutableAttributedString() attributedText.append(NSAttributedString(attachment: attachment)) attributedText.append(NSAttributedString(string: "\n标题")) // 换行符是关键 // 设置段落样式 let paragraphStyle = NSMutableParagraphStyle() paragraphStyle.lineSpacing = 4 paragraphStyle.alignment = .center attributedText.addAttribute(.paragraphStyle, value: paragraphStyle, range: NSRange(location: 0, length: attributedText.length)) ``` 3. **动态颜色控制** ```swift // 设置选中状态 button.setAttributedTitle(attributedText.applyingColor(.systemBlue), for: .selected) // 设置未选中状态 button.setAttributedTitle(attributedText.applyingColor(.gray), for: .normal) // 扩展方法 extension NSAttributedString { func applyingColor(_ color: UIColor) -> NSAttributedString { let mutable = NSMutableAttributedString(attributedString: self) mutable.addAttribute(.foregroundColor, value: color, range: NSRange(location: 0, length: length)) return mutable } } ``` ### 二、关键优化点 1. **精确对齐控制** - 通过`baselineOffset`微调文字位置 ```swift attributedText.addAttribute(.baselineOffset, value: -2, range: NSRange(location: textLength, length: 1)) ``` 2. **自动布局适配** ```swift // 使用SDAutoLayout设置约束[^1] button.sd_layout .widthIs(60) .heightIs(60) ``` 3. **状态同步机制** ```swift // 监听tabBar切换事件 NotificationCenter.default.addObserver( self, selector: #selector(updateStyle), name: .tabBarDidChangeSelection, object: nil ) ``` ### 三、效果对比 | 特性 | 原生tabBarItem | 富文本模拟方案 | |-------------|----------------|----------------| | 布局方式 | 系统自动布局 | 手动控制对齐 | | 样式定制性 | 有限 | 完全自定义 | | 性能表现 | 最优 | 需优化渲染 | | 动态更新成本 | 低 | 中 | ### 四、注意事项 1. 图片建议使用PDF矢量图保证清晰度 2. 文字行数严格限制为2行（图标+文字） 3. 需要处理长按高亮状态的颜色变化 4. 建议配合FDTemplateLayoutCell使用时做好缓存[^3]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值