UIButton：设置选定突出显示状态的图像

Question

我为按钮的状态“正常”、“突出显示”和“选定”设置了图像，但是当按钮处于选定状态并且我按下/突出显示它时，我没有看到突出显示的图像，而只是看到灰色的图片。 是否可以在选择按钮时设置突出显示状态的图像？

我的代码：

[button setImage:[UIImage imageNamed:@"normal.png"] forState:UIControlStateNormal];
[button setImage:[UIImage imageNamed:@"pressed.png"] forState:UIControlStateHighlighted];
[button setImage:[UIImage imageNamed:@"checked.png"] forState:UIControlStateSelected];

当我这样做时：

[button setSelected:YES];

并按下按钮，“pressed.png”图像不会选择。

Answer 1

我找到了解决方案：需要添加附加行

[button setImage:[UIImage imageNamed:@"pressed.png"] forState:UIControlStateSelected | UIControlStateHighlighted];

Answer 2

您可以在 Interface Builder 中执行此操作。

选择您想要在 IB 中设置的 UIButton，然后转到属性检查器。

在屏幕截图中，我使用的是自定义按钮类型，但这并不重要。

Answer 3

Swift 3

// Default state (previously `.Normal`)
button.setImage(UIImage(named: "image1"), for: [])

// Highlighted
button.setImage(UIImage(named: "image2"), for: .highlighted)

// Selected
button.setImage(UIImage(named: "image3"), for: .selected)

// Selected + Highlighted
button.setImage(UIImage(named: "image4"), for: [.selected, .highlighted])

要设置背景图像，我们可以使用 setBackgroundImage(_:for:)

Swift 2.x

// Normal
button.setImage(UIImage(named: "image1"), forState: .Normal)

// Highlighted
button.setImage(UIImage(named: "image2"), forState: .Highlighted)

// Selected
button.setImage(UIImage(named: "image3"), forState: .Selected)

// Selected + Highlighted
button.setImage(UIImage(named: "image4"), forState: [.Selected, .Highlighted])

Answer 4

我认为这里的大多数海报完全没有抓住要点。我也有同样的问题。最初的问题是关于选定按钮的突出显示状态（组合两个状态），该按钮无法在 IB 中设置，并且会回退到默认状态并发生一些变暗。正如一篇文章提到的，唯一可行的解​​决方案：

[button setImage:[UIImage imageNamed:@"pressed.png"] forState:UIControlStateSelected | UIControlStateHighlighted];

Answer 5

就可以了：

如果你有充分的理由这样做，那么添加这些目标

[button addTarget:self action:@selector(buttonTouchDown:) forControlEvents:UIControlEventTouchDown];
[button addTarget:self action:@selector(buttonTouchUp:) forControlEvents:UIControlEventTouchUpInside];


-(void)buttonTouchDown:(id)sender{
    UIButton *button=(UIButton *)sender;
    if(button.selected){
        [button setImage:[UIImage imageNamed:@"pressed.png"] forState:UIControlStateNormal];
    }
}

-(void)buttonTouchUp:(id)sender{
    UIButton *button=(UIButton *)sender;
    [button setImage:[UIImage imageNamed:@"normal.png"] forState:UIControlStateNormal];
}

Answer 6

在 Swift 3.x 中，您可以通过以下方式设置选择按钮时突出显示的图像：

// Normal state
button.setImage(UIImage(named: "normalImage"), for: .normal) 

// Highlighted state (before button is selected)
button.setImage(UIImage(named: "pressedImage"), for: .highlighted)

// Selected state
button.setImage(UIImage(named: "selectedImage"), for:  .selected)

// Highlighted state (after button is selected)
button.setImage(UIImage(named: "pressedAfterBeingSelectedImage"), 
                for:  UIControlState.selected.union(.highlighted))

Answer 7

很快你可以这样做：

button.setImage(UIImage(named: "selected"), 
                forState: UIControlState.selected.union(.highlighted))

Answer 8

就我而言，我必须将 UIButton.Type 从 .custom 更改为 .system

并且：

button.setImage(UIImage(named: "unchecked"), for: .normal)
button.setImage(UIImage(named: "checked"), for: [.selected, .highlighted])

处理点击时：

按钮。 isSelected = !button.isSelected

Answer 9

如果我错了请纠正我。通过这样做，

   [button setSelected:YES];

您可以清楚地更改所选按钮的状态。因此，很自然地，通过您提供的代码，图像将在您的案例中检查所选状态。png

Answer 10

如果有人想知道这在 Swift 中是如何工作的，这是我的解决方案：

button.setImage("normal.png", forState: .Normal)
button.setImage("highlighted.png", forState: .Highlighted)
button.setImage("selected.png", forState: .Selected)

var selectedHighLightedStates: UIControlState = UIControlState.Highlighted
selectedHighLightedStates = selectedHighLightedStates.union(UIControlState.Selected)
button.setImage("selectedHighlighted.png", forState: selectedHighLightedStates)

Answer 11

Swift 3+

button.setImage(UIImage(named: "selected_image"), for: [.selected, .highlighted])

OR

button.setImage(UIImage(named: "selected_image"), for: UIControlState.selected.union(.highlighted))

表示按钮当前处于<​​code>选中状态，然后你触摸它，显示高亮状态。

Answer 12

我在设置imageView.highlighted = NO;时遇到问题
（设置YES工作正常，图像更改为突出显示的图像）。

解决方案是调用 [imageView setHighlighted:NO];

一切正常。

Answer 13

您想从

[button addTarget:self action:@selector(test:) forControlEvents:UIControlEventTouchUpInside];

方法中调用的位置：

-(void)test:(id)sender{
    UIButton *button=(UIButton *)sender;
    if (_togon){
      [button setTitleColor:UIColorFromRGB(89,89, 89) forState:UIControlStateNormal];
      _togon=NO;
    }
    else{
      [button setTitleColor:UIColorFromRGB(28, 154, 214) forState:UIControlStateNormal];
      _togon=YES;
    }
}

上面的内容归功于 Jorge，但我对其进行了一些改进，提供了完整的工作解决方案

Answer 14

Xamarin C#

执行按位 OR 由于某种原因不起作用

button.SetImage(new UIImage("ImageNormal"), UIControlState.Normal);
button.SetImage(new UIImage("ImagePressed"), UIControlState.Selected | UIControlState.Highlighted | UIControlState.Focused);

以下作品

button.SetImage(new UIImage("ImageNormal"), UIControlState.Normal);
button.SetImage(new UIImage("ImagePressed"), UIControlState.Selected);
button.SetImage(new UIImage("ImagePressed"), UIControlState.Highlighted);
button.SetImage(new UIImage("ImagePressed"), UIControlState.Focused);

Answer 15

如果您还需要在按住所选状态的自定义按钮时操作系统默认提供的突出显示色调，请使用此 UIButton 子类。用 Swift 5 编写：

import Foundation
import UIKit
class HighlightOnSelectCustomButton: UIButton {
    override var isHighlighted: Bool {
        didSet {
            if (self.isSelected != isHighlighted) {
                self.isHighlighted = self.isSelected
            }
        }
    }
}