iPhone SDK：将动画加载（齿轮）图像设置为 UIBarButtonItem

Question

有没有办法将 Apple 旋转齿轮等动画图像设置为 UIBarButtonItem？

我已经尝试过这行代码，但动画 gif 图像无法播放：

myButton.image = [UIImage imageNamed:@"spinningGear.gif"];

Answer 1

尝试创建一个 UIActivityIndi​​catorView 并使用 -[UIBarButtonItem initWithCustomView:] 将其分配给您的按钮。

Answer 2

我认为 UIBarButtonItem 不可能做到这一点。

您可能希望使用 customView （属性或 initWithCustomView）并使用 UIImageView 作为该视图。这仍然不会使 gif 动画“开箱即用”（刚刚选中）。

如果这样做，您有两个选择：

• 使用 UIImageView 类中的 animatedImages 并为每个帧使用单独的图像（从头写出 - 代码可能会有一些错误）：

NSMutableArray * imgs = [NSMutableArray array];
for(int i = 0; i < NUMBER_OF_FRAMES; i++) {
    [imgs addObject: [UIImage imageNamed: [NSString stingWithFormat: @"anim%d.png", i]]];
}
UIImageView * imgview = [[UIImageView alloc] init];
imgview.animatedImages = imgs;
[imgview startAnimating];

• 或者使用从此处的 gif 图像生成 UIImageView 的类 http://blog.stijnspijker.nl/2009/07/animated-and-transparent-gifs-for-iphone-made-easy

Answer 3

我发现这行是不正确的：

[[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0, 0, 20, 20)];

...Apple 的默认刷新按钮的实际大小有点不同。如果您有其他项目在该工具栏上进行自动布局，则需要获得正确的大小。

不幸的是，Apple没有提供 API 来查找大小。经过反复试验，这似乎是正确的：

[[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0, 0, 28, 28)];

Answer 4

我通过将 UIBarButtonItem 的 customView 设置为带有图标图像的 UIButton，然后添加 UIActivityIndi​​cator 作为 UIButton 的子视图来完成此操作。

为了进行设置，我只需将 UIButton 拖到 Interface Builder 中的 UIBarButtonItem 上（您也可以在代码中执行此操作）。然后显示活动指示器：

UIButton *customButton = (UIButton *)self.refreshButton.customView;
[customButton setImage:nil forState:UIControlStateNormal];
[customButton removeTarget:self action:@selector(buttonAction) forControlEvents:UIControlEventTouchUpInside];
[customButton addTarget:self action:@selector(altButtonAction) forControlEvents:UIControlEventTouchUpInside];
self.activityIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhite];
self.activityIndicator.frame = CGRectMake(round((customButton.frame.size.width - 25) / 2), round((customButton.frame.size.height - 25) / 2), 25, 25);
self.activityIndicator.userInteractionEnabled = FALSE; // this allows the button to remain tappable
[customButton addSubview:self.activityIndicator];
[self.activityIndicator startAnimating];

并返回到默认按钮状态：

UIButton *customButton = (UIButton *)self.refreshButton.customView;
[customButton setImage:[UIImage imageNamed:@"IconRefresh"] forState:UIControlStateNormal];
[customButton removeTarget:self action:@selector(altButtonAction) forControlEvents:UIControlEventTouchUpInside];
[customButton addTarget:self action:@selector(buttonAction) forControlEvents:UIControlEventTouchUpInside];
[self.activityIndicator removeFromSuperview];
[self.activityIndicator release];

一些注意事项：

1. 如果您不想在按钮处于“活动”状态时更改按钮操作，则可以删除 addTarget 和removeTarget 行。
2. 如果您不希望按钮在处于“活动”状态时可点击，则可以省略活动指示器的 userInteractionEnabled 行（或删除目标并重新添加它）。
3. 具有 customView 的 UIBarButtonItem 将不会显示按钮边框。如果您想要此边框，则必须制作自己的图像并将其添加为 UIButton 的背景图像。