在 UITabBar 上选择时更改 UIButton 背景图像

Question

所以我在 UITabBar 中间有一个 UIButton 来模仿 Instagram 的 UITabBar 这是代码（代码也可以从 github 此处获取）。

@interface BaseViewController : UITabBarController
{
}

// Create a view controller and setup it's tab bar item with a title and image
-(UIViewController*) viewControllerWithTabTitle:(NSString*)title image:(UIImage*)image;

// Create a custom UIButton and add it to the center of our tab bar
-(void) addCenterButtonWithImage:(UIImage*)buttonImage highlightImage:(UIImage*)highlightImage;

@end


#import "BaseViewController.h"

@implementation BaseViewController



// Create a view controller and setup it's tab bar item with a title and image
-(UIViewController*) viewControllerWithTabTitle:(NSString*) title image:(UIImage*)image
{
  UIViewController* viewController = [[[UIViewController alloc] init] autorelease];
  viewController.tabBarItem = [[[UITabBarItem alloc] initWithTitle:title image:image tag:0] autorelease];
  return viewController;
}

// Create a custom UIButton and add it to the center of our tab bar
-(void) addCenterButtonWithImage:(UIImage*)buttonImage highlightImage:(UIImage*)highlightImage
{
  UIButton* button = [UIButton buttonWithType:UIButtonTypeCustom];
  button.autoresizingMask = UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleTopMargin;
  button.frame = CGRectMake(0.0, 0.0, buttonImage.size.width, buttonImage.size.height);
  [button setBackgroundImage:buttonImage forState:UIControlStateNormal];
  [button setBackgroundImage:highlightImage forState:UIControlStateHighlighted];
  [button setBackgroundImage:highlightImage forState:UIControlStateSelected];

  CGFloat heightDifference = buttonImage.size.height - self.tabBar.frame.size.height;
  if (heightDifference < 0)
    button.center = self.tabBar.center;
  else
  {
    CGPoint center = self.tabBar.center;
    center.y = center.y - heightDifference/2.0;
    button.center = center;
  }

  [self.view addSubview:button];
}


- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
  return YES;
}

@end

如果您分叉上面的 github 链接并运行 DailyBoothViewController 示例，按中间按钮将使其突出显示。现在我想要的是在按下按钮时保持突出显示，换句话说，我想在选择按钮状态时更改按钮的背景图像。我确实通过代码做到了这一点，但它并没有改变按钮图像。这是为什么呢？

Answer 1

根据 UIControlState 的 Apple 文档：
控件的选定状态。 对于许多控件来说，此状态对行为或外观没有影响。但其他子类（例如，UISegmentedControl 类）可能会根据其选定状态而具有不同的外观。您可以通过 selected 属性检索和设置该值。

当您检查 selected 属性时，会提到类似的事情。因此，对于 UIButton，必须在按钮的操作按钮中显式设置此属性。

对于按钮，必须完成以下操作，

    [button setBackgroundImage:highlightImage forState:(UIControlStateHighlighted|UIControlStateSelected)];
    [button setBackgroundImage:highlightImage forState:UIControlStateSelected];

并且在该按钮的操作方法中，有以下代码：

    buttonState = !buttonState;
    [(UIButton *)sender setSelected:buttonState];

其中buttonState应该是相应类中的BOOL iVar。在这种情况下，按钮状态会切换选定状态。因此，根据需要设置所选状态的图像。

另请注意，我们正在获取 (UIControlStateHighlighted|UIControlStateSelected) 的突​​出显示图像，因为当您选择按钮时，这是中间状态。