Iphone/Ipad 将图像和文本添加到导航标题

Question

我只是想将图像和文本添加到 navigationItem 标题。这就是我正在做的，但它只显示图像而不显示标题。这看起来似乎很容易。

例子 （

self.navigationItem.titleView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"logo_small_white.png"]] autorelease];
self.navigationItem.title = @"Company";

Answer 1

这是我的代码：

UIView *myView = [[UIView alloc] initWithFrame: CGRectMake(0, 0, 300, 30)]; 
UILabel *title = [[UILabel alloc] initWithFrame: CGRectMake(40, 0, 300, 30)];

title.text = NSLocalizedString(@"My Title", nil);
[title setTextColor:[UIColor whiteColor]];
[title setFont:[UIFont boldSystemFontOfSize:20.0]];

[title setBackgroundColor:[UIColor clearColor]];
UIImage *image = [UIImage imageNamed:@"MyLogo.png"];
UIImageView *myImageView = [[UIImageView alloc] initWithImage:image];

myImageView.frame = CGRectMake(0, 0, 30, 30); 
myImageView.layer.cornerRadius = 5.0;
myImageView.layer.masksToBounds = YES;
myImageView.layer.borderColor = [UIColor lightGrayColor].CGColor;
myImageView.layer.borderWidth = 0.1;

[myView addSubview:title];
[myView setBackgroundColor:[UIColor  clearColor]];
[myView addSubview:myImageView];
self.navigationItem.titleView = myView;

Answer 2

通过设置自定义标题视图，您将替换通常显示标题文本的标准视图。来自 UINavigationItem 中 titleView 的文档：

如果将此属性设置为自定义标题，则会显示该属性而不是标题。

因此，您需要添加自己的视图（可能是 UILabel）来显示标题 - 一种方法是添加 UILabel 和 UIImageView< /code> 作为容器 UIView 的子视图，并将 that 设置为 titleView。

Answer 3

在 Swift 2 中：

var myView: UIView = UIView(frame: CGRectMake(0, 0, 300, 30))
var title: UILabel = UILabel(frame: CGRectMake(40, 0, 300, 30))
title.text = "The Title"
title.textColor = UIColor.blackColor()
title.font = UIFont.boldSystemFontOfSize(20.0)
title.backgroundColor = UIColor.clearColor()
var image: UIImage = UIImage(named: "your-image")!
var myImageView: UIImageView = UIImageView(image: image)
myImageView.frame = CGRectMake(0, 0, 30, 30)
myImageView.layer.cornerRadius = 5.0
myImageView.layer.masksToBounds = true
myImageView.layer.borderColor = UIColor.lightGrayColor().CGColor
myImageView.layer.borderWidth = 0.1
myView.addSubview(title)
myView.backgroundColor = UIColor.clearColor()
myView.addSubview(myImageView)

self.navigationItem.titleView = myView

相关问题：titleView 自动居中，如果上面的示例不是这种情况，那么您可能使用较小的屏幕尺寸（例如 iPhone）。只需根据需要将 UIView 和 UILabel 的宽度从 300 更改为更小即可。当有空间时它会弹回到中心。

Answer 4

UIImage *image = [UIImage imageNamed:@"image.png"]; // Image name with extension

self.navigationItem.titleView = [[[UIImageView alloc] initWithImage:image] autorelease];

这可能是做到这一点的最短方法。