带有文本的向前导航箭头按钮在iOS中

Question

我想知道如何在导航栏上放置一个右侧导航箭头按钮，并用文本显示它，就像它是Apple Music和Apple Podcast应用程序一样：

Answer 1

因此，正如Sen简要描述的那样，您想将UIView拖到Xcode故事板中UIViewController的导航栏中（当您将其拖入时，它会自动包装到导航栏项中）。然后，将UIView的班级更改为UIControl（这将允许您稍后在其中放置点按手势识别器，但现在它的行为类似于UIView。

现在向视图（控件）添加两项内容：UILabel和UIImageView。在标签中键入您想要的任何内容并为其指定所需的大小等。现在，对于UIImageView，您必须将箭头图像（下面的链接）拖到Xcode中的项目中。您可以直接下载图像，将其拖到Xcode中的项目源代码资源管理器面板上，确保选中复制图像的选项（如果需要），然后单击“确定”。

现在，点击故事板中的UIImageView，然后选择刚刚拖入Xcode的图片作为UIImageView的图片（如果你拖动它，它的名字会自动出现在下拉框中将图像正确映射到Xcode;如果在故事板中选择了UIImageView，则可以在Xcode的右侧面板上找到图像下拉框。为了使箭头看起来像Apple的，将它的大小设置为大约35 x 35。

现在，您需要做的就是将点击手势识别器拖到您的UIControl上，然后控制+从点击手势（位于您的情节提要文档大纲中）拖动到您的视图控制器的源代码中。这将创建一个方法，您可以在其中添加代码到segue。例如：

- (IBAction)forwardButtonClicked:(id)sender {
    [self.navigationController pushViewController:self.someViewController animated:YES];
}

现在全都搞定了！

希望这不会太混乱。如果您有任何问题，请告诉我。

以下是图片的链接：https://www.iconfinder.com/icons/211688/arrow_forward_icon#size=512（您可以使用网页底部的按钮将其下载为.png。）

为了让它像Apple的后箭一样变蓝，我做了以下几点：

• 我在照片编辑器（例如GIMP）中打开了下载的图像
• 我拍摄了Apple默认后退按钮箭头的屏幕截图（使用cmd + shift + 4在模拟器打开时拍摄屏幕截图）。
• 我在照片编辑器中打开了屏幕截图。
• 我使用了颜色选择器工具并选择了Apple箭头的颜色。
• 我使用了油漆桶，并填写了我的箭头图像的颜色。
• 我将蓝色箭头图像导出为.png（现在您可以将此.png拖动到Xcode中，就像我之前提到的那样）。