自定义Tabbar

最新推荐文章于 2023-08-17 15:00:06 发布

原创最新推荐文章于 2023-08-17 15:00:06 发布 · 328 阅读

0 ·

CC 4.0 BY-SA版权

iOS之UI 专栏收录该内容

68 篇文章

订阅专栏

本文详细介绍了如何在UITabBar中自定义加号按钮，并实现与代理的交互。通过设置背景、图标以及监听点击事件，展示了组件的灵活应用与UI设计的细节。

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

@class HMTabBar;

// 在.h文件里面设置代理
@protocol HMTabBarDelegate <NSObject>

@optional
- (void)tabBarDidClickedPlusButton:(HMTabBar *)tabBar;

@end

@interface HMTabBar : UITabBar
@property (nonatomic, weak) id<HMTabBarDelegate> tabBarDelegate;

@end

//在.m文件里面实现一些操作

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        if (!iOS7) {
            self.backgroundImage = [UIImage imageWithName:@"tabbar_background"];
        }
        self.selectionIndicatorImage = [UIImage imageWithName:@"navigationbar_button_background"];

        // 添加加号按钮
        [self setupPlusButton];
    }
    return self;
}

/**
* 添加加号按钮
*/
- (void)setupPlusButton
{
    UIButton *plusButton = [[UIButton alloc] init];
    // 设置背景
    [plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button"] forState:UIControlStateNormal];
    [plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button_highlighted"] forState:UIControlStateHighlighted];
    // 设置图标
    [plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add"] forState:UIControlStateNormal];
    [plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add_highlighted"] forState:UIControlStateHighlighted];
    [plusButton addTarget:self action:@selector(plusClick) forControlEvents:UIControlEventTouchUpInside];
    // 添加
    [self addSubview:plusButton];
    self.plusButton = plusButton;
}

- (void)plusClick
{
    HMLog(@"plusClick----");

    // 通知代理
    if ([self.tabBarDelegate respondsToSelector:@selector(tabBarDidClickedPlusButton:)]) {
        [self.tabBarDelegate tabBarDidClickedPlusButton:self];
    }
}

/**
* 布局子控件
*/
- (void)layoutSubviews
{
    [super layoutSubviews];

    // 设置plusButton的frame
    [self setupPlusButtonFrame];

    // 设置所有tabbarButton的frame
    [self setupAllTabBarButtonsFrame];
}

/**
* 设置所有plusButton的frame
*/
- (void)setupPlusButtonFrame
{
    self.plusButton.size = self.plusButton.currentBackgroundImage.size;
    self.plusButton.center = CGPointMake(self.width * 0.5, self.height * 0.5);
}

/**
* 设置所有tabbarButton的frame
*/
- (void)setupAllTabBarButtonsFrame
{
    int index = 0;

    // 遍历所有的button
    for (UIView *tabBarButton in self.subviews) {
        // 如果不是UITabBarButton，直接跳过
        if (![tabBarButton isKindOfClass:NSClassFromString(@"UITabBarButton")]) continue;

        // 根据索引调整位置
        [self setupTabBarButtonFrame:tabBarButton atIndex:index];

        // 索引增加
        index++;
    }
}

/**
* 设置某个按钮的frame
*
* @param tabBarButton 需要设置的按钮
* @param index        按钮所在的索引
*/
- (void)setupTabBarButtonFrame:(UIView *)tabBarButton atIndex:(int)index
{
    // 计算button的尺寸
    CGFloat buttonW = self.width / (self.items.count + 1);
    CGFloat buttonH = self.height;

    tabBarButton.width = buttonW;
    tabBarButton.height = buttonH;
    if (index >= 2) {
        tabBarButton.x = buttonW * (index + 1);
    } else {
        tabBarButton.x = buttonW * index;
    }
    tabBarButton.y = 0;
}