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

Question

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

Answer 1

因此，正如 Sen 简要描述的那样，您想将 UIView 拖到 Xcode Storyboard中 UIViewController 的导航栏中(它将自动包装到导航栏中拖动它时的项目)。然后，将 UIView 的类更改为 UIControl(这将允许您稍后在其中放置点击手势识别器，但它的行为类似于 UIView 现在)。

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

现在，点击 Storyboard 中的 UIImageView 并选择您刚刚拖入 Xcode 的图像作为 UIImageView 的图像(它的名称应该自动出现在拖放中如果你正确地将图像拖到 Xcode 中，则下拉框；如果你在 Storyboard中选择了 UIImageView，则可以在 Xcode 的右侧面板上找到图像下拉框)。为了使箭头看起来像 Apple 的，将其大小设置为大约 35 x 35。

现在，您需要做的就是将 Tap Gesture Recognizer 拖到您的 UIControl 上，然后按住 control 并从点击手势(在 Storyboard文档大纲中)拖动到 View Controller 的源代码中代码。这将创建一个方法，您可以在其中将代码添加到 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 截取屏幕截图)。
• 我在照片编辑器中打开了屏幕截图。
• 我使用颜色选择器工具选择了苹果箭头的颜色。
• 我使用油漆桶填充了我的箭头图像的颜色。
• 我将我的蓝色箭头图像导出为 .png(现在您可以像我之前提到的那样将这个 .png 拖到 Xcode 中)。