如何在 iOS 中像 UITabBarItem 一样设计 UIButton？答案

【问题标题】：How to design UIButton Like UITabBarItem in iOS?如何在 iOS 中像 UITabBarItem 一样设计 UIButton？
【发布时间】：2015-12-21 03:42:05
【问题描述】：

我必须在特定屏幕的底部放置 6 个按钮，例如 UITabBar。我已将 UIButton 与图像和文本一起放置，但无法将图像移动到居中对齐的按钮顶部，并将按钮文本放在居中对齐的图像下方。它应该看起来像UITabBarItem。

如何在UIButton 中实现这一点？任何人都可以请帮助我吗？谢谢。

我尝试了此代码，但文本不可见且图像未正确对齐。你能帮帮我吗？

[self.languageButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
[self.languageButton setTitle:@"Language" forState:UIControlStateNormal];
[self.languageButton.titleLabel setFont:[UIFont boldSystemFontOfSize:10.0]];

UIImage *image = [UIImage imageNamed:@"lang_change_white"];

[self.languageButton setTitleEdgeInsets:UIEdgeInsetsMake(0.0, -image.size.width, -25.0, 0.0)];
[self.languageButton setImage:image forState:UIControlStateNormal];
[self.languageButton setImageEdgeInsets:UIEdgeInsetsMake(-15.0, 0.0, 0.0, -self.languageButton.titleLabel.bounds.size.width)];

提前致谢。

【问题讨论】：

标签： ios objective-c uibutton uitabbaritem

【解决方案1】：

您的代码对我来说工作正常，那么有什么问题？
请用按钮的图像和文字说明您想要什么..？

【讨论】：

感谢您的回答。但是，这不像你的屏幕截图那样工作。我在 Storyboard 中设计了按钮，大小为“动态宽度和固定高度 50px”。我附上了屏幕截图。你能帮帮我吗？谢谢。
我在情节提要中用“动态宽度和固定高度 50px”检查它对我来说很好。所以请检查一下图像大小。如果它很大，那么就会产生这种类型的问题。谢谢@Yuvaraj.M
感谢您的回复。我的图像尺寸是 32*32。你的是什么？我尝试调整按钮中的图像大小。如果你有任何想法可以请你建议吗？谢谢。

【解决方案2】：

您必须制作 2 个特殊的 image，其中包含 symbol 和 text。一张图片是白色图片，第二张是图片的任何color。当用户按下button 时，将background 图像设置为您的color 图像并将初始image 设置为白色color image。

【讨论】：