ios - 选项卡式 UINavigationBar iOS 8

Question

在 UIViewController 中，我想在 UINavigationBar 中显示两个选项卡。我希望 UINavigationItems 具有与 UITabBarController 中的 UITabBarItems 类似的行为。我希望导航栏在两个 View Controller 选项卡中都可见，并且如果选择了选项卡，我想更改导航栏中选项卡标题的颜色。

是否有一种简单而优雅的方法可以方便地设置text/selectedText 或image/selectedImage 并创建具有类似于UITabBarItems 行为的UINavigationItems ，包括让导航栏均匀分布项目的能力，就像在 UITabBarController?

中一样

如果我能像在 tabBar 中那样设置它就太好了:UITabBarItem *tabBarItem = [[UITabBarItem alloc] initWithTitle:title image:titleBlack selectedImage:titleRed];

目标是有两个选项卡，如果它们被选中，它们会改变颜色，并且它们将在栏中均匀分布。我知道我可以做一些简单的事情，比如将两个项目添加到 navBarArray，但是为了让它们在所有屏幕宽度的栏中均匀分布，我该怎么做？有没有优雅的解决方案？

此示例显示了选择的第一个选项卡。如果我选择第二个选项卡，我希望 Tab2 为红色，Tab1 为黑色。这只是文本，但如果我必须创建一个图像来完成它，我会的。

这个问题与 S.O. 上的许多问题不重复。指的是在同一个应用程序中同时显示 UITabBarController 和 UINavigationController。这是不同的，因为我不想要一个 UITabBarController(我已经有一个可以做其他事情的 - 但我不想让我的问题过于复杂) - 我只是想模仿这种行为，在一个 UINavigationBar。请不要告诉我我不应该这样做。这只是“我不想帮你解决这个问题”的另一种说法。

我尝试寻找干净、简单、优雅的解决方案。我还没有找到任何。一个完整的例子将不胜感激。谢谢 =)

Answer 1

我想出了一个对我来说效果很好的解决方案。我创建了一个带有 2 个按钮的自定义标签和一个高度为 1 的 View 作为分隔符。我将 UITableView 向下移动以将其顶部固定到 UIView 如果您希望拥有超过 2 个按钮，您可以轻松添加更多按钮。

1. 在viewDidLoad方法中:self.navigationController.navigationBarHidden = YES;

2. 在viewDidAppear方法中:[self.navigationController setNavigationBarHidden:YES animated:YES];

3. 创建自定义 UILabel，将前导、顶部和尾部固定到 superView，并设置所需的高度约束。

4. 创建高度约束为 1 的自定义 UIView(作为自定义导航栏和 UITableView 之间的视觉分隔符，固定尾随和前导边缘到 superView，并将 UIView 的底部空间固定到自定义 UILabel 的底部空间。为分隔符设置所需的颜色。

   <

5. 创建两个 UIButton，将它们拖到标签中，并设置这些约束:

   -将 UIButton 的中心 Y 固定到 UILabel 的中心 Y

   -将 Button1 的尾部与 Button2 的前缘相互固定并固定到 super View 的水平中心

   -将 Button 1 的前导和 Button2 的尾部固定到 superView

   -将 UITableView 的顶部固定到 UILabel

的底部

6. 将 UIButton 颜色设置为在选择时更改，并像使用任何 UIButton

   一样设置它们的目标

添加任何遗漏的约束以防我忘记提及一些。

这是它的样子: