禁用UIButton不褪色或灰色

时间:2011-04-19 10:37:50

标签: ios iphone cocoa-touch uibutton

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

sendButton.enabled = YES;

sendButton.enabled = NO;

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

感谢

19 个答案:

答案 0 :(得分:161)

您可以使用以下代码:

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

or

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

答案 1 :(得分:66)

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

enter image description here

答案 2 :(得分:31)

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

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

答案 3 :(得分:23)

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

答案 4 :(得分:10)

您可以使用adjustsImageWhenDisabled的属性UIButton   (@property (nonatomic) BOOL adjustsImageWhenDisabled)

<强>实施例

 Button.adjustsImageWhenDisabled = false

答案 5 :(得分:10)

要在禁用时使按钮褪色,您可以为其设置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
        }
    }
}

答案 6 :(得分:10)

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

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

示例:

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

答案 7 :(得分:7)

快速4 +

<Choose>
    <When Condition=" '$(Configuration)'=='debug' ">
        <ItemGroup>
            <PackageReference Include="MyRefDebug"> 
              <Version>1.0</Version> 
            </PackageReference>
        </ItemGroup>
    </When>
    <Otherwise>
        <ItemGroup>
            <PackageReference Include="MyRefRelease"> 
              <Version>2.0</Version> 
            </PackageReference>
        </ItemGroup>
    </Otherwise>
</Choose>

使用方法

extension UIButton {
    override open var isEnabled: Bool {
        didSet {
            DispatchQueue.main.async {
                if self.isEnabled {
                    self.alpha = 1.0
                }
                else {
                    self.alpha = 0.6
                }
            }
        }
    }
}

答案 8 :(得分:4)

Swift

previousCustomButton.enabled = false
previousCustomButton.alpha = 0.5

nextCustomButton.enabled = true
nextCustomButton.alpha = 1.0

答案 9 :(得分:4)

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

myButton.userInteractionEnabled = false

这样只会在不改变按钮外观的情况下禁用任何触摸手势

答案 10 :(得分:3)

在Swift中创建扩展程序&gt; 3.0而不是每个按钮

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

答案 11 :(得分:3)

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

在属性检查器中(当您选择按钮时),将状态配置更改为禁用以设置禁用时将显示的新图像(删除内容中的标记 - &gt;启用检查到让它禁用)。

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

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

问候!

答案 12 :(得分:2)

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

UIButton有“背景图片”和“背景颜色”。 对于图片,UIButton的属性为

@property (nonatomic) BOOL adjustsImageWhenDisabled

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

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

(希望它有用。这是一篇旧帖子; Xcode中的内容可能已经改变了。)

答案 13 :(得分: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

答案 14 :(得分: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

答案 15 :(得分:1)

似乎以下代码可以正常工作。但是在某些情况下,这是行不通的。

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

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

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

如果您像这样快步走

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
            }
        }
    }
}

谢谢,喜欢编码!

答案 16 :(得分: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附加一些魔术。

第二个选项是子类化,但我希望避免这种情况。

答案 17 :(得分:0)

也许您可以将按钮子类化并覆盖isEnabled变量。好处是您可以在多个地方重复使用。

override var isEnabled: Bool {
     didSet {
         if isEnabled {
             self.alpha = 1
         } else {
             self.alpha = 0.2
         }
     }
 }

答案 18 :(得分:-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