带有文本和图像的 UIBarButtonItem - iOS 8答案

【问题标题】：UIBarButtonItem with Text and Image - iOS 8带有文本和图像的 UIBarButtonItem - iOS 8
【发布时间】：2015-03-23 09:23:00
【问题描述】：

阅读前查看更新

我想在 iOS 8 应用的工具栏中放置一个按钮。该按钮需要有一个图像和文本。

这看起来像是一个标准的做法，标准的 Apple 应用程序有很多示例。查看“时刻”及其照片、共享和相册

我看到很多关于它是否可以完成的问题。有人说没有其他人说您需要自定义视图。风俗？真的吗？对于这种正常的东西。

它尝试设置标题和图像，但标题不显示

var customImageBarButtonItem = new UIBarButtonItem (UIImage.FromBundle ("tools_icon"), UIBarButtonItemStyle.Plain, OnBarButtonItemClicked);
                customImageBarButtonItem.TintColor = ApplicationColors.Purple;
                customImageBarButtonItem.Title = "Caption";
                return customImageBarButtonItem;

我正在使用 Xamarin.iOS

更新

在Xamarin Forums post 中向我指出，我认为 iOS Moments 应用程序中的工具栏按钮实际上是一个标签栏，它们确实支持开箱即用的文本和图像

【问题讨论】：

标签： ios xamarin.ios

【解决方案1】：

当他们说你必须创建一个自定义视图时，他们可能的意思是它可以像创建一个带有图像和图像左侧文本的 UIButton 一样简单，并将其用作您的“自定义视图”为您的 UIBarButtonItem。从技术上讲，UIButton 是一个视图，因为它继承自 UIView，因此您可以将其用作自定义视图。

//Create a UIButton with an image on the left, and text to the right
var buttonImage = UIImage.FromBundle("tools_icon");
var button = new UIButton(UIButtonType.Custom)
{
     Frame = new CGRect(0, 0, 120, 33) //You may need to adjust as necessary
}
;
button.SetImage(buttonImage, UIControlState.Normal);
button.SetTitle("Caption", UIControlState.Normal);
button.SetTitleColor(UIColor.Black, UIControlState.Normal);

//create a UIBarButtonItem with a UIButton as the custom view.
var barButtonItem = new UIBarButtonItem(button);
NavigationItem.RightBarButtonItem = barButtonItem;

根据“tools_icon”的大小，您可能需要进行任何必要的调整，但按钮框架的宽度必须足够长，以包含图像图标和文本。

【讨论】：