6

我有一个自定义 UIBarButtonItem 的问题。当我通过创建自定义 UIBarButtonItem

 [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"FilterIcon.png"] style:UIBarButtonItemStyleBordered target:self action:@selector(filterTouched:)];

生成的按钮没有“浮雕”外观，系统项目通过在其图标后面放置一个半透明的黑色阴影来实现。

左：系统项，右：自定义项

在左侧，您可以看到“组织”系统栏按钮项，右侧是上面代码的结果。

在资源中创建阴影是徒劳的，因为 iOS/Cocoa 只使用了图像的遮罩，并丢弃了任何颜色信息。

有趣的是，如果我在 Interface-Builder 中创建条形按钮项，它看起来不错。但是，在我的问题的上下文中，我需要在代码中创建按钮项。

4

3 回答 3

10

James Furey 的脚本有 Objective-C 版本。

- (UIImage *)applyToolbarButtonStyling:(UIImage *)oldImage {
    float shadowOffset = 1;
    float shadowOpacity = .54;
    CGRect imageRect = CGRectMake(0, 0, oldImage.size.width, oldImage.size.height);
    CGRect shadowRect = CGRectMake(0, shadowOffset, oldImage.size.width, oldImage.size.height);
    CGRect newRect = CGRectUnion(imageRect, shadowRect);
    UIGraphicsBeginImageContextWithOptions(newRect.size, NO, oldImage.scale);
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextScaleCTM(ctx, 1, -1);
    CGContextTranslateCTM(ctx, 0, -(newRect.size.height));
    CGContextSaveGState(ctx);
    CGContextClipToMask(ctx, shadowRect, oldImage.CGImage);
    CGContextSetFillColorWithColor(ctx, [UIColor colorWithWhite:0 alpha:shadowOpacity].CGColor);
    CGContextFillRect(ctx, shadowRect);
    CGContextRestoreGState(ctx);
    CGContextClipToMask(ctx, imageRect, oldImage.CGImage);
    CGContextSetFillColorWithColor(ctx, [UIColor colorWithWhite:1 alpha:1].CGColor);
    CGContextFillRect(ctx, imageRect);
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}
于 2012-08-08T13:21:51.597 回答
7

我认为这些对另一个问题的回答涵盖了发生这种情况的原因：

https://stackoverflow.com/a/3476424/1210490

https://stackoverflow.com/a/6528603/1210490

UIBarButtonItems 的行为会有所不同，具体取决于您以编程方式附加它们的位置。如果将它们附加到工具栏，它们将变成白色的“浮雕”图标。如果您将它们附加到导航栏，它们不会。

我花了过去几个小时编写一个函数来将工具栏 UIBarButtonItem 样式应用于 UIImages。它是用 C# 为 MonoTouch 编写的，但我相信你可以将它调整为 Obj-C 没问题...

UIImage ApplyToolbarButtonStyling(UIImage oldImage)
{
    float shadowOffset = 1f;
    float shadowOpacity = .54f;
    RectangleF imageRect = new RectangleF(PointF.Empty, oldImage.Size);
    RectangleF shadowRect = new RectangleF(new PointF(0, shadowOffset), oldImage.Size);
    RectangleF newRect = RectangleF.Union(imageRect, shadowRect);
    UIGraphics.BeginImageContextWithOptions(newRect.Size, false, oldImage.CurrentScale);
    CGContext ctxt = UIGraphics.GetCurrentContext();
    ctxt.ScaleCTM(1f, -1f);
    ctxt.TranslateCTM(0, -newRect.Size.Height);
    ctxt.SaveState();
    ctxt.ClipToMask(shadowRect, oldImage.CGImage);
    ctxt.SetFillColor(UIColor.FromWhiteAlpha(0f, shadowOpacity).CGColor);
    ctxt.FillRect(shadowRect);
    ctxt.RestoreState();
    ctxt.ClipToMask(imageRect, oldImage.CGImage);
    ctxt.SetFillColor(UIColor.FromWhiteAlpha(1f, 1f).CGColor);
    ctxt.FillRect(imageRect);
    UIImage newImage = UIGraphics.GetImageFromCurrentImageContext();
    UIGraphics.EndImageContext();
    return newImage;
}

因此，曾经看起来像这样的 UIBarButtonItem：

前

而是使用上面的函数创建的，如下所示：

UIBarButtonItem barButtonItem = new UIBarButtonItem(ApplyToolbarButtonStyling(UIImage.FromFile("MusicIcon.png")), UIBarButtonItemStyle.Plain, delegate {});

现在看起来像这样：

后

希望这对将来的某人有所帮助。

于 2012-06-29T09:02:00.857 回答
0

请注意 James Furey 脚本中的阴影偏移。我做了以下经验：

float shadowOffset = 1.0f // for a UIBarButtonItem in UINavigationItem
float shadowOffset = 0.0f // for a UIBarButtonItem in UIToolBar

这是在 iOS 6.1 SDK 中观察到的。

（现在在 iOS 7 下已过时）

于 2013-04-11T15:18:45.370 回答