ios开发之Swift标签栏按钮UITabBarItem样式修改（图标文字尺寸，颜色等）

最新推荐文章于 2024-09-19 10:29:13 发布

a544544544

最新推荐文章于 2024-09-19 10:29:13 发布

阅读量923

点赞数

文章标签： swift 移动开发

原文链接：http://www.cnblogs.com/itsApe/p/5146812.html

版权

本文详细介绍了如何在Swift中自定义`UITabBarItem`的样式，包括设置不同分辨率下的图标尺寸，修改图标和文字颜色，切换选中与非选中状态时使用不同图片，以及保持图片原有颜色不变的方法。示例代码清晰易懂，适用于iOS移动开发。

摘要由CSDN通过智能技术生成

UITabBarItem在开发中非常的常用了它可以用来设置字体颜色及图片的设置等等，下面我们来看一篇关于ios开发之Swift标签栏按钮UITabBarItem样式修改（图标文字尺寸，颜色等）的例子，具体的细节如下所示。

1，tabBarItem图片的推荐尺寸和最大支持尺寸

下面是标签栏（UITabBar）中tab按钮图标分别在1x、2x、3x下不会压缩变形的尺寸：

@1x : 推荐 25 x 25 (最大: 48 x 32)
@2x : 推荐 50 x 50 (最大: 96 x 64)
@3x : 推荐 75 x 75 (最大: 144 x 96)

下面是在2x下，左边使用50 x 50的图片，右边使用64 x 64的图片，大家可以比较下：

原文:Swift - 标签栏按钮UITabBarItem样式修改（图标文字尺寸，颜色等）

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

a544544544

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

TabBar Item 图片大小不正常

NSNirvana的博客

07-12

1万+

这是Apple官方的尺寸要求，对应不同的屏幕尺寸，可用48*48在iPhone6模拟器上会出现图标过大的问题。注：开发环境为Xcode 7.0 beta 1 我尝试调整了tabbar item的Image insets，将未选中状态下的图片调整到了合适的大小，但当我运行程序时发现，当图标被点击的时候，图片会恢复成默认大小，即图标过大。而且此时我并未选择se

SwiftUI——如何修改TabView的各种属性（包括tabItem的属性），例如颜色、位置、大小等

ZhongUncle的博客

03-23

4974

在SwiftUI中，我们可以很方便地实现标签页效果TabView，但是当我们需要修改他的一些属性的时候，却发现不能修改，例如我们想修改一个tabItem的颜色，使用.foregroundColor()发现没有变化。可能是SwiftUI还不够完善，所以这时候我们需要使用一下UIKit，如下： init() { //修改标签栏背景色 UITabBar.appearance().backgroundColor = UIColor(Color.pink) } ...

参与评论您还未登录，请先登录后发表或查看评论

iOS12.1导致Tabbar的item错位

lg767201403的博客

11-09

1807

今天升级了手机系统，下午调试App的时候，忽然发现每次push完回来，tabbar的item就会向左上方偏移目前的解决方案是在AppDelegate里面设置Tabbar样式 [[UITabBar appearance] setTranslucent:NO]; 需要的注意的是，设置Tabbar 的 translucent 属性为NO以后，self.view的底部从 Tabbar顶部开始了，...

Swift - 让标签栏按钮UITabBarItem图片居中（没有文字）

swift_vip的博客

06-21

1192

对于标签栏（UITabBar），当tabBarItem不需要title只要image的时候，图片下方也是会占据一个空间的。我们可以通过 tabBarItem.imageInsets 来设置偏移量，使得image图标居中显示。（注意：top和bottom要设置成相反数，不然image的大小会一直改变。） 1 2 3 4

Swift 设置 tabbar 字体颜色和字体大小

EIamor的博客

06-12

6110

效果图代码如下// 在第一个控制器中添加如下代码 self.title = "改变字体颜色" tabBarItem.image = UIImage(named: "home_black_icon") tabBarItem.selectedImage = UIImage(named: "home_line_icon")?.withRenderingMode(.al

ios swift UITabBarItem UIBarButtonItem图片渲染模式（UIImage RenderingMode）

baidu_40537062的博客

04-26

436

代码 class TabBarVC: UITabBarController { let itemRecord: UITabBarItem = tabBar.items![0] itemRecord.selectedImage = UIImage(named: "recordSelect")?.withRenderingMode(.alwaysOriginal) Assets.xcassets

ios swift UITabBarController UITabBarItem UITabBar

baidu_40537062的博客

04-23

274

import UIKit class TabBarVC: UITabBarController { override func viewDidLoad() { super.viewDidLoad() tabBar.tintColor = UIColor.mainColor let itemRecord: UITabBarItem = tabBar.items![0] let itemEquipment: UITa

IOS应用源码之圆形按钮风格tab标签 .rar

07-10

在iOS应用开发中，设计和实现用户界面是至关重要的步骤，尤其当涉及到用户交互时，按钮和标签的设计显得尤为关键。本示例源码聚焦于创建具有圆形按钮风格的Tab标签，这是一种常见于许多现代iOS应用中的设计模式，...

IOS应用源码——圆形按钮风格tab标签.rar

10-14

这个“IOS应用源码——圆形按钮风格tab标签.rar”压缩包提供了一个独特的实现方式，它将标准的矩形标签栏按钮改为了圆形样式，增加了视觉吸引力并可能提升了用户操作的趣味性。首先，我们要理解iOS中的Tab Bar。它...

Swift之UITabBarController 导航控制器的自定义

09-03

- 通过`tabBarItem`属性自定义每个子控制器在标签栏上的图标和标题。 - 可以通过代理方法`tabBarController(_:didSelectViewController:)`监听用户在标签间的切换。 - 自定义`tabBar`的外观，比如颜色、字体、选中...

IOS应用源码之【框架】别具风格的menubar与tabbar.rar

07-12

8. 自定义TabBarItem：学习如何自定义UITabBarItem的图标和文字样式，甚至创建自定义视图作为TabBarItem。 9. Storyboard与代码结合：可能涉及到通过Interface Builder设计界面，并在代码中添加逻辑。 10. 动态类型...

iOS UITabBarController tabbar 上面的文字title 怎么移动位置

jeffasd的专栏

12-03

4282

tabbar 上面的文字title 怎么移动位置我想设置tabbar 上面title的位置使它更靠近图片一点怎么办我找到一个函数- (void)setTitlePositionAdjustment:(UIOffset)adjustment 但是用这个设置没有任何效果， 1 tabbar是系统的自带的，我不希望自己重新写customta

修改UITabBarItem字体颜色

im5437的专栏

05-29

603

修改UITabBarItem下面字体的颜色，如图： [[UITabBarItemappearance]setTitleTextAttributes:[NSDictionarydictionaryWithObjectsAndKeys:[UIColorblackColor],UITextAttributeTextColor,nil]forState:UIControlStateNormal];

Swift - UITabBar

iOS - Swift

01-13

598

import UIKit class ViewController:UIViewController,UITabBarDelegate { var tabBar:UITabBar! var tabs = ["公开课","全栈课","设置"] var contentView:UIView! override func viewDidLoad() { ...

iOS（swift）tabbar 图片（UIImage）设置和大小字体颜色

baidu_40537062的博客

11-06

1458

iOS tabbar 图片，最佳大小方式

swift 自定义TabBarItem

赵侠客

06-27

7212

swift 自定义TabBarItem，APP基本框架设计

iOS 设置UITabBar,背景颜色,默认图片,文字颜色,和选中颜色.

海阔天空的专栏

07-11

4034

对于UITabBar设置背景颜色很简单,backbackgroundColor不要使用,即使设置了也不起作用,应该使用barTintColor设置背景. 那么图标和文字的默认颜色怎么设置呢,也很简单.但是也是有技巧的.他们都是单独设置的,首先是图片,图片默认颜色就应该把图片调成默认颜色,然后,用下面一段代码: let moreImge = UIImage(named: "more"

2024最新！！！iOS高级面试题，全！(二)