在 iPad 应用程序中更改 UITabbarItems 的宽度和它们之间的边距

Question

是否可以更改 UITabbar 中 UITabbarItem 的宽度以及 iPad 应用程序的每个 UITabbarItem 之间的边距？

问题是标准边距对于我的布局来说太大 - 客户希望选项卡更紧凑：/

或者我应该混乱 UIToolbar 来实现这个目标吗？

Answer 1

对于选项卡栏项目宽度：

[[UITabBar appearance] setItemWidth:self.window.frame.size.width/NUMBER_OF_ITEMS];

对于选项卡栏框架：

[self.tabBar setFrame:rectFrame];

Answer 2

我已经通过这种方式解决了同样的问题：
我的目标是使用设计师为我发送的图像来自定义选项卡栏。

我已经附加了项目的.png文件，初始化了UIImage *类型的相应变量，并使用UITabBarItem函数setFinishedSelectedImage：withFinishedUnselectedImage：设置UITabbarItem的活动/非活动状态的图像：

UIImage * left_active, *left_inactive, *center_active, *center_inactive, *right_active, *right_inactive;
left_active = [UIImage imageNamed:@"left_active_img"];
...
[self.leftTabBarItem setFinishedSelectedImage:left_active withFinishedUnselectedImage:left_inactive];
[self.centerTabBarItem setFinishedSelectedImage:center_active withFinishedUnselectedImage:center_inactive];
[self.rightTabBarItem setFinishedSelectedImage:right_active withFinishedUnselectedImage:right_inactive];

但是自定义的tabbarItems比设计器的图像小并被一个接一个地分配在屏幕中央：

2）为了解决这个问题，我添加了额外的 UITABBARITEMS - 在左侧在初始的右上角

3) 创建了 UITabBarItems 的相应出口：

.h 文件：

@property (nonatomic, retain) IBOutlet UITabBar * tabBar;
// THE INTIAL items
@property (nonatomic, retain) IBOutlet UITabBarItem * leftTabBarItem;
@property (nonatomic, retain) IBOutlet UITabBarItem * centerTabBarItem;
@property (nonatomic, retain) IBOutlet UITabBarItem * rightTabBarItem;

// THE ADDITIONAL items
@property (nonatomic, retain) IBOutlet UITabBarItem * left_1;
@property (nonatomic, retain) IBOutlet UITabBarItem * left_2;
@property (nonatomic, retain) IBOutlet UITabBarItem * center_1;
@property (nonatomic, retain) IBOutlet UITabBarItem * center_2;
@property (nonatomic, retain) IBOutlet UITabBarItem * right_1;
@property (nonatomic, retain) IBOutlet UITabBarItem * right_2;

然后按照下面列出的顺序将出口附加到 UITabBarItems：

• left_1
• leftTabBarItem
• left_2
• center_1
• centerTabBarItem
• center_2
• right_1
• rightTabBarItem
• right_2

并已更正委托类中的 UITabbarDelegate 方法仅切换甜菜可见项目
.m 文件：

#pragma mark - UITabbarDelegate
- (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item{
    if (item == self.leftTabBarItem) 
    {
        NSLog(@"0"); // first visible item selected

    } else if (item == self.centerTabBarItem)
    {
        NSLog(@"1"); // second visible item selected   

    } else if (item == self.rightTabBarItem)
    {
        NSLog(@"2"); // third visible item selected
    } else if (item == self.left_1){
        [self.tabBar setSelectedItem: self.leftTabBarItem];
    } else if (item == self.left_2){
        [self.tabBar setSelectedItem: self.leftTabBarItem];
    } else if (item == self.center_1){
        [self.tabBar  setSelectedItem: self.centerTabBarItem];
    }else if (item == self.center_2){
        [self.tabBar setSelectedItem: self.centerTabBarItem];
    }else if (item == self.right_1){
        [self.tabBar setSelectedItem: self.rightTabBarItem];
    } else if (item == self.right_2){
        [self.tabBar setSelectedItem: self.rightTabBarItem];
    }
}

现在一切看起来都正常并且工作正常。

您可以使用相同的步骤通过添加其他项目和更正委托方法来自定义 UITabBarItems 之间的大小和间距。

Answer 3

我认为这是不可能的。您可以创建自定义选项卡栏。另外，弄乱默认的 UItabbar 可能会导致应用程序审批过程中被拒绝。

Answer 4

您可以通过子类化 UITabBar 并重写其 layoutSubviews 方法来更改选项卡栏项目的间距。您将在 self.subViews 数组中找到所有选项卡栏按钮。它们的类是非公共的 UITabBarButton，但它们继承自 UIControl，因此您可以识别所有选项卡栏按钮，检查它们是否属于 UIControl 类。然后您所需要做的就是更改选项卡栏按钮的框架。

Answer 5

您可以使用 setSelectionIndicatorImage 使选项卡更加紧凑。

SelectionIndicatorImage 宽度匹配

iPad 中的 UITabBarItem 宽度将与AppDelegate.m 中的

[[UITabBar appearance] setItemWidth:self.window.frame.size.width/NUMBER_OF_YOUR_TAB];
[[UITabBar appearance] setItemSpacing:0];
[[UITabBar appearance] setSelectionIndicatorImage:[self imageFromColor:[UIColor clearColor] forSize:CGSizeMake(self.window.frame.size.width/NUMBER_OF_YOUR_TAB, 10) withCornerRadius:0]];

，您可以使用下面的代码以编程方式创建图像

- (UIImage *)imageFromColor:(UIColor *)color forSize:(CGSize)size withCornerRadius:(CGFloat)radius
{
    CGRect rect = CGRectMake(0, 0, size.width, size.height);
    UIGraphicsBeginImageContext(rect.size);

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();    
    UIGraphicsBeginImageContext(size);
    [[UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:radius] addClip];

    // Draw your image
    [image drawInRect:rect];

    image = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return image;
}

Answer 6

不需要子类化。

tabBarController.tabBar.itemPositioning = .centered
tabBarController.tabBar.itemWidth = 40
tabBarController.tabBar.itemSpacing = 38

Answer 7

您无法更改 UITabBarItem 的宽度，即使在子类化 UITabBarItem 之后也无法执行此操作。苹果公司对开发者实施应用程序的方式有一定的限制。

为此，您需要使用 UIToolBar，我最好的选择是您转到 github，因为那里有很多使用可滚动 UIToolBar 的示例应用程序底部而不是 UITabBar。