강조 표시된 상태에서 UIButton의 배경색을 변경하는 방법은 무엇입니까?


236

내 앱의 어느 시점에서 강조 표시되어 있습니다. UIButton (예 : 사용자가 버튼에 손가락을 가지고있을 때) 버튼이 강조 표시되어있는 동안 배경색을 변경해야합니다 (그래서 사용자의 손가락이 여전히 버튼에있는 동안) .

나는 다음을 시도했다.

_button.backgroundColor = [UIColor redColor];

그러나 작동하지 않습니다. 색상은 동일하게 유지됩니다. 버튼이 강조 표시되지 않고 잘 작동하면 동일한 코드를 시도했습니다. 또한 -setNeedsDisplay색상을 변경 한 후 전화 를 시도했지만 아무런 효과가 없었습니다.

버튼을 강제로 배경색을 변경하는 방법은 무엇입니까?


답변:


411

UIButtonsetHighlighted메소드를 재정 의 할 수 있습니다 .

목표 -C

- (void)setHighlighted:(BOOL)highlighted {
    [super setHighlighted:highlighted];

    if (highlighted) {
        self.backgroundColor = UIColorFromRGB(0x387038);
    } else {
        self.backgroundColor = UIColorFromRGB(0x5bb75b);
    }
}

스위프트 3.0 및 스위프트 4.1

override open var isHighlighted: Bool {
    didSet {
        backgroundColor = isHighlighted ? UIColor.black : UIColor.white
    }
}

네. 이 작업을 수행하는 좋은 방법입니다. 여러 개의 유사한 버튼을 정의 할 수 있기 때문입니다.
Paul Brewczynski

3
초보자 질문, 그 버튼 메소드를 어디에서 서브 클래스 화 하시겠습니까? ConversionViewController라는 이름의 뷰 컨트롤러에 버튼이있는 경우 강조하거나 탭했을 때 배경색을 변경하도록 버튼을 어떻게 설정합니까? COnversionViewController에서 setHIghlighted를 서브 클래 싱합니까?
Beanno1116

그래서 내가 찾은이 답변에는 한 가지 문제가 있습니다. 버튼을 선택할 때 동일한 색상을 사용할 수있게하려면 setSelected 후에 setHighlighted가 호출되어 선택한 스타일을 재정의합니다. 버튼을 선택하려는 경우 위의 해결책이 더 나을 수 있습니다
HaloZero

3
@YakivKovalskiy 하위 클래스를 사용한다고 가정하면 normalBackground와 highlightBackground의 두 가지 UIColor 속성을 추가 한 다음 self.backgroundColor = normalBackground 또는 highlightedBackground를 지정할 수 있습니다. 사용 편의성을 위해 init 메소드를 추가하는 것을 잊지 마십시오 (예 : initWithBackground : highlightedBackground :
SK).

2
좋은 해결책, 단 하나의 제안 :backgroundColor = isHighlighted ? .lightGray : .white
Fantini

298

이런 종류의 문제가 당신이 겪고있는 것을 해결하거나 일반적인 개발 환경에 맞는지 확실하지 않지만 touchDown 이벤트에서 버튼의 배경색을 변경하는 것이 가장 먼저 시도합니다.

옵션 1:

캡처하려면 두 가지 이벤트가 필요합니다. UIControlEventTouchDown은 사용자가 버튼을 누를 때 사용됩니다. UIControlEventTouchUpInside 및 UIControlEventTouchUpOutside는 버튼을 놓아 정상 상태로 되돌릴 때 사용됩니다.

UIButton *myButton =  [UIButton buttonWithType:UIButtonTypeCustom];
[myButton setFrame:CGRectMake(10.0f, 10.0f, 100.0f, 20.f)];
[myButton setBackgroundColor:[UIColor blueColor]];
[myButton setTitle:@"click me:" forState:UIControlStateNormal];
[myButton setTitle:@"changed" forState:UIControlStateHighlighted];
[myButton addTarget:self action:@selector(buttonHighlight:) forControlEvents:UIControlEventTouchDown];
[myButton addTarget:self action:@selector(buttonNormal:) forControlEvents:UIControlEventTouchUpInside];

옵션 2 :

원하는 강조 색상으로 만든 이미지를 반환합니다. 이것은 카테고리 일 수도 있습니다.

+ (UIImage *)imageWithColor:(UIColor *)color {
   CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
   UIGraphicsBeginImageContext(rect.size);
   CGContextRef context = UIGraphicsGetCurrentContext();

   CGContextSetFillColorWithColor(context, [color CGColor]);
   CGContextFillRect(context, rect);

   UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
   UIGraphicsEndImageContext();

   return image;
}

그런 다음 버튼의 강조 표시된 상태를 변경하십시오.

[myButton setBackgroundImage:[self imageWithColor:[UIColor greenColor]] forState:UIControlStateHighlighted];

3
buttonHighlight : 이벤트 목록에 UIControlEventTouchUpOutside 및 UIControlEventTouchCancel을 추가하면 항상 작동합니다.
Evgen Bodunov

옵션 2는 지금까지 내가 찾은 최고입니다. 그러나 스토리 보드는이 경우 장점이 있다고 생각합니다!
Jack Solomon

Thomas의 답변이 더 낫습니다. 이것이 제가 사용하는 것이기도합니다
Van Du Tran

26
layer.cornerRadius옵션 # 2를 사용 하고 사용하는 경우 clipsToBounds이미지의 모서리도 둥글게하려면 true로 설정 해야합니다.
Sky

3
누군가가
winterized

94

highlighted계산 된 속성 으로 재정의 할 필요가 없습니다 . 속성 관찰자를 사용하여 배경색 변경을 트리거 할 수 있습니다.

override var highlighted: Bool {
    didSet {
        backgroundColor = highlighted ? UIColor.lightGrayColor() : UIColor.whiteColor()
    }
}

스위프트 4

override open var isHighlighted: Bool {
    didSet {
        backgroundColor = isHighlighted ? UIColor.lightGray : UIColor.white
    }
}

1
나는 이런 기능을 사용한 적이 없다. 이것이 어디로 가는지 설명 할 수 있습니까? IBAction buttonPress 함수 또는 viewDidLoad에 있습니까?
Dave G

색상이 다른 UIButton이 여러 개인 경우 어떻게합니까?
Slavcho

6
@Dave G에서는 UIButton을 클릭 File>New>File>Cocoa Touch Class하고로 설정 하여 새 하위 클래스를 만듭니다 subclass of UIButton. ex CustomButton파일 이름을 지정하십시오. 파일 이름과 클래스 이름이됩니다. 이 파일 안에 override var highlighted위에 표시된 코드를 넣으십시오 . 마지막 단계로, CustomButton"Custom Class"라고 표시되고 드롭 다운 상자가있는 특성 페이지로 이동 하여이 서브 클래스 를 사용하도록 Interface Builder의 UIButton을 설정하십시오 . 회색 문자로 "UIButton"이라고 표시됩니다. 드롭 다운 목록에 CustomButton이 표시되어야합니다. 이것을 선택하면 버튼이 서브 클래스 화됩니다.
James Toomey

왜 버튼을 누를 때만 setter가 호출되고 초기 레이아웃 중에는 setter가 호출되지 않는다고 언급하지 않았습니까! 따라서 기본적으로 버튼을 터치 할 때까지 색상이 없습니다.
Dmitrii

따라서 작동하려면 isHighlighted = false처음에 어딘가에 명시 적으로 호출해야합니다 (예 : 초기화시).
Dmitrii

49

Swift의 편리한 일반 확장 :

extension UIButton {
    private func imageWithColor(color: UIColor) -> UIImage {
        let rect = CGRectMake(0.0, 0.0, 1.0, 1.0)
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()

        CGContextSetFillColorWithColor(context, color.CGColor)
        CGContextFillRect(context, rect)

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image
    }

    func setBackgroundColor(color: UIColor, forUIControlState state: UIControlState) {
        self.setBackgroundImage(imageWithColor(color), forState: state)
    }
}

스위프트 3.0

extension UIButton {
    private func imageWithColor(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(imageWithColor(color: color), for: state)
    }
}

45

Swift에서는 setHighlighted 메서드를 재정의하는 대신 강조 표시된 (또는 선택한) 속성의 접근자를 재정의 할 수 있습니다.

override var highlighted: Bool {
        get {
            return super.highlighted
        }
        set {
            if newValue {
                backgroundColor = UIColor.blackColor()
            }
            else {
                backgroundColor = UIColor.whiteColor()
            }
            super.highlighted = newValue
        }
    }

이것은 완전히 작동하지만 어떻게 이것을 알아낼 수 있었는지 혼란 스럽습니까? 내가 알 수있는 한 매개 변수는 설명서 또는 UIButton.h에 없습니다.
시미즈

1
이것은 목표 c에서 setHightlighted를 재정의하는 동작을 에뮬레이트하는 빠른 구문입니다. 여기에서 계산 된 속성에 관한 설명서를 참조하십시오. developer.apple.com/library/ios/documentation/Swift/Conceptual/…
Jake Hall

11
신속하게 당신은 didSet
Dam

1
속성 관찰자 예제를 추가했습니다 : stackoverflow.com/a/29186375/195173 .
Aleksejs Mjaliks

@shimizu가 묻는 것은 highlightedUIButton의 속성이라는 것을 어떻게 알았습니까? 대답은 UIButton이 상속하는 UIControl의 속성이라는 것입니다.
Adam Johns

25

강조 표시된 변수를 재정의합니다. 추가 @IBInspectable하면 스토리 보드에서 강조 표시된 배경색을 편집 할 수 있습니다.

class BackgroundHighlightedButton: UIButton {
    @IBInspectable var highlightedBackgroundColor :UIColor?
    @IBInspectable var nonHighlightedBackgroundColor :UIColor?
    override var highlighted :Bool {
        get {
            return super.highlighted
        }
        set {
            if newValue {
                self.backgroundColor = highlightedBackgroundColor
            }
            else {
                self.backgroundColor = nonHighlightedBackgroundColor
            }
            super.highlighted = newValue
        }
    }
}

20

보다 컴팩트 한 솔루션 ( @ aleksejs-mjaliks 기반) 답변 ) :

스위프트 3 / 4 + :

override var isHighlighted: Bool {
    didSet {
        backgroundColor = isHighlighted ? .lightGray : .white
    }
}

스위프트 2 :

override var highlighted: Bool {
    didSet {
        backgroundColor = highlighted ? UIColor.lightGrayColor() : UIColor.whiteColor()
    }
}

무시하고 싶지 않다면 이것은 @ timur-bernikowich 의 답변 ( Swift 4.2 ) 의 업데이트 버전입니다 .

extension UIButton {
  func setBackgroundColor(_ color: UIColor, forState controlState: UIControl.State) {
    let colorImage = UIGraphicsImageRenderer(size: CGSize(width: 1, height: 1)).image { _ in
      color.setFill()
      UIBezierPath(rect: CGRect(x: 0, y: 0, width: 1, height: 1)).fill()
    }
    setBackgroundImage(colorImage, for: controlState)
  }
}

@FedericoZanetello 이것은 앱의 모든 버튼에서 isHighlighted를 재정의합니다. 제 생각에는 좋은 해결책이 아닙니다. 티무르의 대답은 잘못되었습니다.
우 사마 빈 Attique

13

Swift 3+ 구문의 UIButton 확장 :

extension UIButton {
    func setBackgroundColor(color: UIColor, forState: UIControlState) {
        UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))
        UIGraphicsGetCurrentContext()!.setFillColor(color.cgColor)
        UIGraphicsGetCurrentContext()!.fill(CGRect(x: 0, y: 0, width: 1, height: 1))
        let colorImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.setBackgroundImage(colorImage, for: forState)
    }}

다음과 같이 사용하십시오.

YourButton.setBackgroundColor(color: UIColor.white, forState: .highlighted)

원래 답변 : https://stackoverflow.com/a/30604658/3659227


10

다음은 UIBack 확장을 사용하여 highlightedBackgroundColor라는 IBInspectable을 추가하는 Swift의 접근법입니다. 서브 클래스없이 서브 클래 싱과 유사합니다.

private var HighlightedBackgroundColorKey = 0
private var NormalBackgroundColorKey = 0

extension UIButton {

    @IBInspectable var highlightedBackgroundColor: UIColor? {
        get {
            return objc_getAssociatedObject(self, &HighlightedBackgroundColorKey) as? UIColor
        }

        set(newValue) {
            objc_setAssociatedObject(self,
                &HighlightedBackgroundColorKey, newValue, UInt(OBJC_ASSOCIATION_RETAIN))
        }
    }

    private var normalBackgroundColor: UIColor? {
        get {
            return objc_getAssociatedObject(self, &NormalBackgroundColorKey) as? UIColor
        }

        set(newValue) {
            objc_setAssociatedObject(self,
                &NormalBackgroundColorKey, newValue, UInt(OBJC_ASSOCIATION_RETAIN))
        }
    }

    override public var backgroundColor: UIColor? {
        didSet {
            if !highlighted {
                normalBackgroundColor = backgroundColor
            }
        }
    }

    override public var highlighted: Bool {
        didSet {
            if let highlightedBackgroundColor = self.highlightedBackgroundColor {
                if highlighted {
                    backgroundColor = highlightedBackgroundColor
                } else {
                    backgroundColor = normalBackgroundColor
                }
            }
        }
    }
}

이게 도움이 되길 바란다.


1
신속한 2.0의 경우, 열거 형을 사용하도록 objc_setAssociatedObject에 대한 호출을 업데이트해야합니다. objc_setAssociatedObject (self, & NormalBackgroundColorKey, newValue, .OBJC_ASSOCIATION_RETAIN)
Eli Burke

스토리 보드에 모든 것을 유지하려면 Swift에서 확실히 가장 좋은 방법입니다.
davidethell

1
확장이 아닌 서브 클래스를 사용하는 것이
좋습니다. 이것이


9

서브 클래 싱없이 Swift 3+ 를 위한 최고의 솔루션입니다 .

extension UIButton {
  func setBackgroundColor(_ color: UIColor, for state: UIControlState) {
    let rect = CGRect(x: 0, y: 0, width: 1, height: 1)
    UIGraphicsBeginImageContext(rect.size)
    color.setFill()
    UIRectFill(rect)
    let colorImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    setBackgroundImage(colorImage, for: state)
  }
}

이 확장을 사용하면 다양한 상태의 색상을 쉽게 관리 할 수 ​​있으며 강조 표시된 색상이 제공되지 않는 경우 일반 색상이 자동으로 사라집니다.

button.setBackgroundColor(.red, for: .normal)

4

최신 정보:

UIButtonBackgroundColor 사용 스위프트 라이브러리를 .

낡은:

아래의 도우미를 사용하여 회색조 채우기 색상으로 1px x 1px 이미지를 만듭니다.

UIImage *image = ACUTilingImageGray(248/255.0, 1);

또는 RGB 채우기 색상 :

UIImage *image = ACUTilingImageRGB(253/255.0, 123/255.0, 43/255.0, 1);

그런 다음 image버튼을 사용하여 버튼의 배경 이미지를 설정하십시오.

[button setBackgroundImage:image forState:UIControlStateNormal];

헬퍼

#pragma mark - Helpers

UIImage *ACUTilingImageGray(CGFloat gray, CGFloat alpha)
{
    return ACUTilingImage(alpha, ^(CGContextRef context) {
        CGContextSetGrayFillColor(context, gray, alpha);
    });
}

UIImage *ACUTilingImageRGB(CGFloat red, CGFloat green, CGFloat blue, CGFloat alpha)
{
    return ACUTilingImage(alpha, ^(CGContextRef context) {
        CGContextSetRGBFillColor(context, red, green, blue, alpha);
    });
}

UIImage *ACUTilingImage(CGFloat alpha, void (^setFillColor)(CGContextRef context))
{
    CGRect rect = CGRectMake(0, 0, 0.5, 0.5);
    UIGraphicsBeginImageContextWithOptions(rect.size, alpha == 1, 0);
    CGContextRef context = UIGraphicsGetCurrentContext();
    setFillColor(context);
    CGContextFillRect(context, rect);
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

참고 : ACUAcani Utilities라는 내 Cocoa Touch 정적 라이브러리의 클래스 접두사입니다. 여기서 AC는 Acani이고 U는 유틸리티입니다.


4

이 시도 !!!!

TouchedDown 이벤트의 경우 하나의 색을 설정하고 TouchUpInside의 경우 다른 색을 설정하십시오.

- (IBAction)touchedDown:(id)sender {
    NSLog(@"Touched Down");
    btn1.backgroundColor=[UIColor redColor];
}

- (IBAction)touchUpInside:(id)sender {
    NSLog(@"TouchUpInside");
    btn1.backgroundColor=[UIColor whiteColor];    
}

2
나를 위해 일했다. - (IBAction)onButtonTouchDragOutside:(UIButton *)sender {사용자가 실수로 손가락을 버튼에서 끌 때 색상이 유지되지 않도록 추가 해야했습니다.
SudoPlz

4

편리한 사용을 위해 UIButton을 서브 클래 싱하고 검사 가능한 속성을 추가합니다 (Swift 3.0으로 작성).

final class SelectableBackgroundButton: UIButton {

    private struct Constants {
        static let animationDuration: NSTimeInterval = 0.1
    }

    @IBInspectable
    var animatedColorChange: Bool = true

    @IBInspectable
    var selectedBgColor: UIColor = UIColor.blackColor().colorWithAlphaComponent(0.2)

    @IBInspectable
    var normalBgColor: UIColor = UIColor.clearColor()

    override var selected: Bool {
        didSet {
            if animatedColorChange {
                UIView.animateWithDuration(Constants.animationDuration) {
                    self.backgroundColor = self.selected ? self.selectedBgColor : self.normalBgColor
                }
            } else {
                self.backgroundColor = selected ? selectedBgColor : normalBgColor
            }
        }
    }

    override var highlighted: Bool {
        didSet {
            if animatedColorChange {
                UIView.animateWithDuration(Constants.animationDuration) {
                    self.backgroundColor = self.highlighted ? self.selectedBgColor : self.normalBgColor
                }
            } else {
                self.backgroundColor = highlighted ? selectedBgColor : normalBgColor
            }
        }
    }
}

3

UIButton을 서브 클래 싱하고 멋진 forState를 만들 수 있습니다.

colourButton.h

#import <UIKit/UIKit.h>

@interface colourButton : UIButton

-(void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state;

@end

colourButton.m

#import "colourButton.h"

@implementation colourButton
{
    NSMutableDictionary *colours;
}

-(id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super initWithCoder:aDecoder];

    // If colours does not exist
    if(!colours)
    {
        colours = [NSMutableDictionary new];  // The dictionary is used to store the colour, the key is a text version of the ENUM
        colours[[NSString stringWithFormat:@"%lu", UIControlStateNormal]] = (UIColor*)self.backgroundColor;  // Store the original background colour
    }

    return self;
}

-(void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state
{
    // If it is normal then set the standard background here
    if(state & UIControlStateNormal)
    {
        [super setBackgroundColor:backgroundColor];
    }

    // Store the background colour for that state
    colours[[NSString stringWithFormat:@"%lu", state]]= backgroundColor;
}

-(void)setHighlighted:(BOOL)highlighted
{
    // Do original Highlight
    [super setHighlighted:highlighted];

    // Highlight with new colour OR replace with orignial
    if (highlighted && colours[[NSString stringWithFormat:@"%lu", UIControlStateHighlighted]])
    {
        self.backgroundColor = colours[[NSString stringWithFormat:@"%lu", UIControlStateHighlighted]];
    }
    else
    {
        self.backgroundColor = colours[[NSString stringWithFormat:@"%lu", UIControlStateNormal]];
    }
}

-(void)setSelected:(BOOL)selected
{
    // Do original Selected
    [super setSelected:selected];

    // Select with new colour OR replace with orignial
    if (selected && colours[[NSString stringWithFormat:@"%lu", UIControlStateSelected]])
    {
        self.backgroundColor = colours[[NSString stringWithFormat:@"%lu", UIControlStateSelected]];
    }
    else
    {
        self.backgroundColor = colours[[NSString stringWithFormat:@"%lu", UIControlStateNormal]];
    }
}

@end

노트 (이것은 예입니다. 문제가 있음을 알고 있으며 여기에 있습니다)

각 상태에 대한 UIColor를 저장하기 위해 NSMutableDictionay를 사용했습니다 .UIControlState가 좋은 Int가 아니기 때문에 Key에 대한 불쾌한 텍스트 변환을 수행해야합니다. 많은 객체로 Array를 초기화하고 State를 인덱스로 사용할 수있는 경우.

이 때문에 많은 사람들이 선택 및 비활성화 버튼에 어려움을 겪습니다. 더 많은 논리가 필요합니다.

다른 문제는 동시에 여러 색상을 설정하려고하면 버튼으로 시도하지 않았지만이 작업을 수행하면 작동하지 않을 수 있습니다

 [btn setBackgroundColor:colour forState:UIControlStateSelected & UIControlStateHighlighted];

나는 이것이 스토리 보드라고 가정하고, initWithFrame이 없으므로 필요하다면 추가하십시오.


3
extension UIButton {
    func setBackgroundColor(color: UIColor, forState: UIControl.State) {
        let size = CGSize(width: 1, height: 1)
        UIGraphicsBeginImageContext(size)
        let context = UIGraphicsGetCurrentContext()
        context?.setFillColor(color.cgColor)
        context?.fill(CGRect(origin: CGPoint.zero, size: size))
        let colorImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        setBackgroundImage(colorImage, for: forState)
    }

}

스위프트 5 , 감사합니다 @Maverick


3

세부

  • Xcode 11.1 (11A1027), 스위프트 5

해결책

import UIKit

extension UIColor {
    func createOnePixelImage() -> UIImage? {
        let size = CGSize(width: 1, height: 1)
        UIGraphicsBeginImageContext(size)
        defer { UIGraphicsEndImageContext() }
        guard let context = UIGraphicsGetCurrentContext() else { return nil }
        context.setFillColor(cgColor)
        context.fill(CGRect(origin: .zero, size: size))
        return UIGraphicsGetImageFromCurrentImageContext()
    }
}

extension UIButton {
    func setBackground(_ color: UIColor, for state: UIControl.State) {
        setBackgroundImage(color.createOnePixelImage(), for: state)
    }
}

용법

button.setBackground(.green, for: .normal)

2

이미지가 있으면 이것을 시도하십시오.

-(void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;

또는 showsTouchWhenHighlighted당신에게 충분한 지보십시오.


showsTouchWhenHighlighted로 놀아 보았지만 도움이되지 않았습니다. setBackgroundImage : forState :를 사용하고 싶지 않습니다. 실제로 backgroundColor를 사용하여 이미지를 사용하지 않으려 고했습니다.
MartinMoizard

2

이 간극 기능 구멍을 채우기 위해 UIButton 서브 클래스 STAButton 을 오픈 소스했습니다 . MIT 라이센스에 따라 사용 가능합니다. iOS 7 이상에서 작동합니다 (이전 iOS 버전에서는 테스트하지 않았습니다).


2

이 문제를 해결하기 위해 다음 backgroundColorUIButtons같이 상태 를 처리하는 범주를 만들었습니다 .
ButtonBackgroundColor-iOS

카테고리를 포드 로 설치할 수 있습니다 .

Objective-C 와 함께 사용하기 쉬움

@property (nonatomic, strong) UIButton *myButton;

...

[self.myButton bbc_backgroundColorNormal:[UIColor redColor]
                 backgroundColorSelected:[UIColor blueColor]];

스위프트 와 함께 사용하기가 훨씬 쉽습니다 .

import ButtonBackgroundColor

...

let myButton:UIButton = UIButton(type:.Custom)

myButton.bbc_backgroundColorNormal(UIColor.redColor(), backgroundColorSelected: UIColor.blueColor())

다음을 사용하여 포드를 가져 오는 것이 좋습니다.

platform :ios, '8.0'
use_frameworks!

pod 'ButtonBackgroundColor', '~> 1.0'

use_frameworks 사용! Podfile에서 Swift 및 objective-C를 사용하여 포드를보다 쉽게 ​​사용할 수 있습니다.

중대한

또한 자세한 정보가 담긴 블로그 게시물을 작성했습니다.


2
class CustomButton: UIButton {

    override var isHighlighted: Bool {
        didSet {
            if (isHighlighted) {
                alpha = 0.5
            }
            else {
                alpha = 1
            }            
        }
    }

}


1

시도 tintColor:

_button.tintColor = [UIColor redColor];

IB에 연결되어 있습니까? 당신이하면 무엇을 얻을 수 NSLog(@"%@", _button);있습니까?
jjv360

1
를 사용하는 경우 작동하지 않습니다 UIButtonTypeCustom.
JaredH

1

버튼 상태를 선택하기 위해 Swift의 코드는 다음과 같습니다.

func imageWithColor(color:UIColor) -> UIImage {
    let rect:CGRect = CGRectMake(0.0, 0.0, 1.0, 1.0)
     UIGraphicsBeginImageContext(rect.size)
    let context:CGContextRef = UIGraphicsGetCurrentContext()!
    CGContextSetFillColorWithColor(context, color.CGColor)
    CGContextFillRect(context, rect)
    let image:UIImage = UIGraphicsGetImageFromCurrentImageContext();
    return image;
}

예:

    self.button.setImage(self.imageWithColor(UIColor.blackColor()), forState: .Highlighted)

1

그것을
떨어 뜨리고 나면 좋습니다 : * IB에서 속성을 설정할 수 있으며 강조 표시된 배경이 설정되어 있지 않으면 누르면 배경이 변경되지 않습니다.

private var highlightedBackgroundColors = [UIButton:UIColor]()
private var unhighlightedBackgroundColors = [UIButton:UIColor]()
extension UIButton {

    @IBInspectable var highlightedBackgroundColor: UIColor? {
        get {
            return highlightedBackgroundColors[self]
        }

        set {
            highlightedBackgroundColors[self] = newValue
        }
    }

    override open var backgroundColor: UIColor? {
        get {
            return super.backgroundColor
        }

        set {
            unhighlightedBackgroundColors[self] = newValue
            super.backgroundColor = newValue
        }
    }

    override open var isHighlighted: Bool {
        get {
            return super.isHighlighted
        }

        set {
            if highlightedBackgroundColor != nil {
                super.backgroundColor = newValue ? highlightedBackgroundColor : unhighlightedBackgroundColors[self]
            }
            super.isHighlighted = newValue
        }
    }
}

1

아래 UIIImage확장은 지정된 색상 매개 변수로 이미지 객체를 생성합니다.

extension UIImage {
    static func imageWithColor(tintColor: UIColor) -> UIImage {
        let rect = CGRect(x: 0, y: 0, width: 1, height: 1)
        UIGraphicsBeginImageContextWithOptions(rect.size, false, 0)
        tintColor.setFill()
        UIRectFill(rect)
        let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        return image
       }
    }

버튼의 사용 예는 다음과 같이 버튼 객체에 적용 할 수 있습니다.

setupButton.setBackgroundImage(UIImage.imageWithColor(tintColor: UIColor(displayP3Red: 232/255, green: 130/255, blue: 121/255, alpha: 1.0)), for: UIControlState.highlighted)

setupButton.setBackgroundImage(UIImage.imageWithColor(tintColor: UIColor(displayP3Red: 255/255, green: 194/255, blue: 190/255, alpha: 1.0)), for: UIControlState.normal)

1

UIButton 확장 만 사용하는 것이 간단합니다.

extension UIButton {

    func setBackgroundColor(color: UIColor, forState: UIControl.State) {
        self.clipsToBounds = true  // add this to maintain corner radius
        UIGraphicsBeginImageContext(CGSize(width: 1, height: 1))
        if let context = UIGraphicsGetCurrentContext() {
            context.setFillColor(color.cgColor)
            context.fill(CGRect(x: 0, y: 0, width: 1, height: 1))
            let colorImage = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            self.setBackgroundImage(colorImage, for: forState)
        }
    }

}

이것을 사용하십시오

 optionButton.setBackgroundColor(color: UIColor(red:0.09, green:0.42, blue:0.82, alpha:1.0), forState: .selected)

 optionButton.setBackgroundColor(color: UIColor(red:0.96, green:0.96, blue:0.96, alpha:1.0), forState: .highlighted)

 optionButton.setBackgroundColor(color: UIColor(red:0.96, green:0.96, blue:0.96, alpha:1.0), forState: .normal)

0

오버라이드하지 않으면 두 개의 action touchDown touchUpInside를 설정하십시오.


0

스위프트 3 :

extension UIButton {
    private func imageWithColor(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, forUIControlState state: UIControlState) {
        self.setBackgroundImage(imageWithColor(color: color), for: state)
    }
}

0

스위프트 5

선택된 상태를 이기기 위해 컬러 배경을 사용하지 않으려는 경우

#Selector & if 문을 사용하여 각 상태의 UIButton 색상을 개별적으로 쉽게 변경하여 문제를 극복 할 수 있습니다.

예를 들어 :

    override func viewDidLoad() {
    super.viewDidLoad()
    self.myButtonOutlet.backgroundColor = UIColor.white  //to reset the button color to its original color ( optionally )
}

@IBOutlet weak var myButtonOutlet: UIButton!{
    didSet{  // Button selector and image here
        self.myButtonOutlet.setImage(UIImage(systemName: ""), for: UIControl.State.normal)

        self.myButtonOutlet.setImage(UIImage(systemName: "checkmark"), for: UIControl.State.selected)



        self.myButtonOutlet.addTarget(self, action: #selector(tappedButton), for: UIControl.Event.touchUpInside)
    }
}

@objc func tappedButton() {  // Colors selection is here
    if self.myButtonOutlet.isSelected == true {

        self.myButtonOutlet.isSelected = false
        self.myButtonOutlet.backgroundColor = UIColor.white         
    } else {
        self.myButtonOutlet.isSelected = true

        self.myButtonOutlet.backgroundColor = UIColor.black
        self.myButtonOutlet.tintColor00 = UIColor.white

    }
}
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.