禁用UIButton不褪色或灰色

问题描述 投票:114回答:17

在我的iPhone应用程序中,我有一个我在Interface Builder中创建的UIButton。我可以在我的代码中成功启用和禁用它...

sendButton.enabled = YES;

要么

sendButton.enabled = NO;

但是,按钮的视觉外观总是一样的!它没有褪色或灰色。如果我尝试单击它,则会按预期启用或禁用它。我错过了什么吗?它不应该看起来褪色或灰色?

谢谢

ios iphone cocoa-touch uibutton
17个回答
166
投票

您可以使用以下代码:

sendButton.enabled = YES;
sendButton.alpha = 1.0;

or

sendButton.enabled = NO;
sendButton.alpha = 0.5;

3
投票

您可以使用两个第一个答案,这将是一个更好的结果。

在属性检查器中(当您选择按钮时),将状态配置更改为禁用以设置禁用时将显示的新图像(删除Content-> Enabled检查中的标记以使其禁用) 。

当您将状态更改为启用时,图像将从此状态加载一个。

将alpha逻辑添加到此是一个很好的细节。

问候!


3
投票

在Swift> 3.0中创建扩展,而不是每个按钮

extension UIButton {
override open var isEnabled : Bool {
    willSet{
        if newValue == false {
            self.setTitleColor(UIColor.gray, for: UIControlState.disabled)
        }
     }
   }

2
投票

我遇到了同样的问题。设置alpha不是我想要的。

UIButton有“背景图像”和“背景颜色”。对于图像,UIButton有一个属性为

@property (nonatomic) BOOL adjustsImageWhenDisabled

禁用按钮时,背景图像会变亮。对于背景颜色,设置alpha,Ravin的解决方案,工作正常。

首先,您必须检查是否取消选中Utilities-Attributes下的“disabled adjusts image”框。 然后,检查此按钮的背景颜色。

(希望它有用。这是一个老帖子; Xcode中的事情可能已经改变了)。


2
投票

为不同的州设置title color

@IBOutlet weak var loginButton: UIButton! {
        didSet {
            loginButton.setTitleColor(UIColor.init(white: 1, alpha: 0.3), for: .disabled)
            loginButton.setTitleColor(UIColor.init(white: 1, alpha: 1), for: .normal)
        }
    }

用法:(文字颜色会自动更改)

loginButton.isEnabled = false

enter image description here


1
投票

如果UIButton处于与selecteddisabled相结合的状态,那么它的状态就是UIControlStateSelected | UIControlStateDisabled

所以,它的状态需要调整

[button setTitleColor:color UIControlStateSelected | UIControlStateDisabled];
[button setImage:image forState:UIControlStateSelected | UIControlStateDisabled];

一种方法是子类UIButton如下。

@implementation TTButton
- (void)awaeFromNib {
   [super awakeFromNib];

    //! Fix behavior when `disabled && selected`
    //! Load settings in `xib` or `storyboard`, and apply it again.
    UIColor *color = [self titleColorForState:UIControlStateDisabled];
    [self setTitleColor:color forState:UIControlStateDisabled];

    UIImage *img = [self imageForState:UIControlStateDisabled];
    [self setImage:img forState:UIControlStateDisabled];
}

- (void)setTitleColor:(UIColor *)color forState:(UIControlState)state {
    [super setTitleColor:color forState:state];

    //
    if (UIControlStateDisabled == state) {
        [super setTitleColor:color forState:UIControlStateSelected | state];
        [super setTitleColor:color forState:UIControlStateHighlighted | state];
    }
}

- (void)setImage:(UIImage *)image forState:(UIControlState)state {
    [super setImage:image forState:state];

    if (UIControlStateDisabled == state) {
        [super setImage:image forState:UIControlStateSelected | state];
        [super setImage:image forState:UIControlStateHighlighted | state];
    }
}

@end

1
投票

看起来以下代码工作正常。但在某些情况下,这不起作用。

sendButton.enabled = NO;
sendButton.alpha = 0.5;

如果上面的代码不起作用,请将其包装在主线程中。所以

dispatch_async(dispatch_get_main_queue(), ^{
    sendButton.enabled = NO;
    sendButton.alpha = 0.5
});

如果你跟swift一起去,就像这样

DispatchQueue.main.async {
    sendButton.isEnabled = false
    sendButton.alpha = 0.5
}

此外,如果您自定义了UIButton,请将其添加到Button类中。

override var isEnabled: Bool {
    didSet {
        DispatchQueue.main.async {
            if self.isEnabled {
                self.alpha = 1.0
            }
            else {
                self.alpha = 0.5
            }
        }
    }
}

谢谢你,享受编码!


0
投票

这个问题有很多答案,但如果你真的想用backgroundColor来设置按钮的样式,它们看起来并不是很有用。 UIButton可以很好地为不同的控制状态设置不同的图像,但背景颜色没有相同的功能。因此,解决方案之一是添加扩展,它将从颜色生成图像并将其应用于按钮。

extension UIButton {
  private func image(withColor color: UIColor) -> UIImage? {
    let rect = CGRect(x: 0.0, y: 0.0, width: 1.0, height: 1.0)
    UIGraphicsBeginImageContext(rect.size)
    let context = UIGraphicsGetCurrentContext()

    context?.setFillColor(color.cgColor)
    context?.fill(rect)

    let image = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    return image
  }

  func setBackgroundColor(_ color: UIColor, for state: UIControlState) {
    self.setBackgroundImage(image(withColor: color), for: state)
  }
}

此解决方案只有一个问题 - 此更改不会应用于在故事板中创建的按钮。至于我,这不是问题,因为我更喜欢从代码中设置UI样式。如果你想使用故事板,那么需要一些额外的魔法与@IBInspectable

第二个选项是子类,但我更愿意避免这种情况。


-1
投票
#import "UIButton+My.h"
#import <QuartzCore/QuartzCore.h>
@implementation UIButton (My)


-(void)fade :(BOOL)enable{
    self.enabled=enable;//
    self.alpha=enable?1.0:0.5;
}

@end

。H:

#import <UIKit/UIKit.h>
@interface UIButton (My)

-(void)fade :(BOOL)enable;

@end

68
投票

只需将状态配置更改为禁用并选择所需内容,背景图像为禁用状态

enter image description here


31
投票

另一个选项是更改禁用状态的文本颜色(例如浅灰色)。在Storyboard编辑器中,从State Config弹出按钮中选择Disabled,然后使用Text Color弹出按钮更改文本颜色。在代码中,使用-setTitleColor:forState:消息。

(我意识到这是一篇较旧的帖子,但我认为其他人可能会喜欢这个选项)


23
投票

尝试为UIControlStateDisabled(禁用灰度图像)和UIControlStateNormal(正常图像)设置不同的图像,以便按钮为您生成禁用状态。


12
投票

如果使用文本按钮,则可以将viewDidLoad放入实例方法中

- (void)setTitleColor:(UIColor *)color forState:(UIControlState)state

例:

[self.syncImagesButton setTitleColor:[UIColor grayColor] forState:UIControlStateDisabled];

11
投票

要在禁用时使按钮褪色,您可以为其设置alpha。有两种选择:

第一种方式:如果你想申请你的应用程序中的所有按钮,那么你可以像这样为UIButton编写extension

extension UIButton {

    open override var isEnabled: Bool{
        didSet {
            alpha = isEnabled ? 1.0 : 0.5
        }
    }

}

第二种方式:如果您只是想申请应用程序中的某些按钮,那么您可以从UIButton编写自定义类,如下所示,并使用您要应用的类:

class MyButton: UIButton {
    override var isEnabled: Bool {
        didSet {
            alpha = isEnabled ? 1.0 : 0.5
        }
    }
}

10
投票

你可以使用adjustsImageWhenDisabled这是UIButton的财产 (@property (nonatomic) BOOL adjustsImageWhenDisabled)

例如:

 Button.adjustsImageWhenDisabled = false

5
投票

这是一个相当古老的问题,但实现这一目标的方法很简单。

myButton.userInteractionEnabled = false

这将仅禁用任何触摸手势而不更改按钮的外观


4
投票

在Swift中:

previousCustomButton.enabled = false
previousCustomButton.alpha = 0.5

要么

nextCustomButton.enabled = true
nextCustomButton.alpha = 1.0
© www.soinside.com 2019 - 2024. All rights reserved.