如何为UITabBar中特定UITabBarItem设置不同图片高度并调整中间项对齐？

嘿，这个需求我在项目里碰过好多次，系统默认的UITabBarItem确实不太灵活，直接改属性很难实现。下面给你两种靠谱的实现思路，都是经过实际项目验证的：

方案一：自定义UITabBar（最灵活可控） #

系统的UITabBar内部是由UITabBarButton组成的，我们可以通过自定义UITabBar并重写layoutSubviews方法，直接调整每个按钮里的imageView尺寸和位置。

代码实现 #

首先创建自定义TabBar类：

import UIKit

class CustomTabBar: UITabBar {
    // 定义中间item的索引（比如你的中间项是第2个，索引就是1，从0开始计数）
    let targetMiddleIndex = 1
    // 自定义各item的图片高度
    let normalItemImageHeight: CGFloat = 30
    let middleItemImageHeight: CGFloat = 40
    
    override func layoutSubviews() {
        super.layoutSubviews()
        
        // 遍历TabBar的所有子视图，找到UITabBarButton
        for (index, subview) in subviews.enumerated() {
            guard let tabBarButton = subview as? UITabBarButton else { continue }
            
            // 获取按钮里的imageView和titleLabel
            guard let imageView = tabBarButton.imageView, let titleLabel = tabBarButton.titleLabel else { continue }
            
            if index == targetMiddleIndex {
                // 处理中间item：让图片底部和TabBar底部对齐
                imageView.contentMode = .bottom
                // 调整图片frame
                imageView.frame = CGRect(
                    x: imageView.frame.origin.x,
                    y: tabBarButton.bounds.top,
                    width: imageView.frame.width,
                    height: middleItemImageHeight
                )
                // 调整标题位置，避免被图片遮挡
                titleLabel.frame = CGRect(
                    x: titleLabel.frame.origin.x,
                    y: imageView.frame.maxY + 2,
                    width: titleLabel.frame.width,
                    height: titleLabel.frame.height
                )
            } else {
                // 处理普通item：设置自定义图片高度
                imageView.frame = CGRect(
                    x: imageView.frame.origin.x,
                    y: tabBarButton.bounds.top + 5, // 顶部留一点间距
                    width: imageView.frame.width,
                    height: normalItemImageHeight
                )
                // 调整标题位置
                titleLabel.frame = CGRect(
                    x: titleLabel.frame.origin.x,
                    y: imageView.frame.maxY + 2,
                    width: titleLabel.frame.width,
                    height: titleLabel.frame.height
                )
            }
            
            // 强制刷新布局，避免约束覆盖
            tabBarButton.layoutIfNeeded()
        }
    }
}

如何使用 #

在你的TabBarController里替换默认的TabBar：

class MyTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 替换为自定义TabBar
        self.tabBar = CustomTabBar()
        
        // 其他TabBarItem的配置代码...
    }
}

方案二：利用图片内边距快速调整（适合简单场景） #

如果你的需求只是微调位置，不需要彻底改变图片的显示高度，可以用withAlignmentRectInsets给图片添加内边距，间接调整图片的显示区域：

// 普通Item：通过内边让图片向上偏移，视觉上缩小高度
let normalInsets = UIEdgeInsets(top: 5, left: 0, bottom: -5, right: 0)
let normalImage = UIImage(named: "normal_icon")?.withRenderingMode(.alwaysOriginal).withAlignmentRectInsets(normalInsets)
tabBarItem.image = normalImage

// 中间Item：设置内边距为0，让图片底部和TabBar对齐
let middleInsets = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
let middleImage = UIImage(named: "middle_icon")?.withRenderingMode(.alwaysOriginal).withAlignmentRectInsets(middleInsets)
middleTabBarItem.image = middleImage

⚠️ 注意：这个方法只是调整图片的显示区域，不会改变图片的实际像素高度，适合图片本身尺寸合适，只是需要调整位置的场景。

一些注意事项 #

• 不同iOS版本的UITabBar内部结构可能有变化，UITabBarButton在部分版本是私有类，如果遍历不到，可以通过判断子视图是否包含imageView和titleLabel来识别按钮。
• 如果你的项目用了AutoLayout，优先用修改约束的方式替代直接改frame（比如找到imageView的top/height约束，修改constant值），避免布局被系统覆盖。

内容的提问来源于stack exchange，提问作者AppleBee