วิธีการเปลี่ยนสีพื้นหลังของ UIButton ในขณะที่มันถูกเน้นสี?


236

ในบางจุดในแอพของฉันฉันมีการเน้นUIButton(ตัวอย่างเช่นเมื่อผู้ใช้มีนิ้วของเขาที่ปุ่ม) และฉันจำเป็นต้องเปลี่ยนสีพื้นหลังในขณะที่ปุ่มถูกเน้น (ดังนั้นในขณะที่นิ้วของผู้ใช้ยังคงอยู่บนปุ่ม) .

ฉันพยายามต่อไปนี้:

_button.backgroundColor = [UIColor redColor];

แต่มันไม่ทำงาน สียังคงเหมือนเดิม ฉันลองใช้โค้ดชิ้นเดียวกันเมื่อปุ่มไม่ได้ถูกไฮไลต์และทำงานได้ดี ฉันลองโทร-setNeedsDisplayหลังจากเปลี่ยนสีแล้วมันไม่มีผลอะไรเลย

จะบังคับให้ปุ่มเปลี่ยนสีพื้นหลังได้อย่างไร?


ตรวจสอบโพสต์นี้somethingaboutios.wordpress.com/2016/02/09/…และพ็อดนี้github.com/GabrielMassana/ButtonBackgroundColor-iOS
Gabriel.Massana

คำตอบ:


411

คุณสามารถแทนที่UIButtonของsetHighlightedวิธี

Objective-C

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

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

Swift 3.0 และ Swift 4.1

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

ใช่. มันเป็นวิธีที่ดีในการทำเช่นนี้ เพราะคุณสามารถกำหนดปุ่มที่คล้ายกันหลายปุ่ม
Paul Brewczynski

3
เพียงแค่คำถามที่สมัครใหม่คุณจะ subclass วิธีการที่ปุ่ม? ถ้าฉันมีปุ่มในตัวควบคุมมุมมองที่ชื่อ ConversionViewController ฉันจะตั้งค่าปุ่มเพื่อเปลี่ยนสีพื้นหลังเมื่อไฮไลต์หรือเคาะได้อย่างไร ฉันจะซับคลาส setHIghlighted ใน COnversionViewController ได้หรือไม่
Beanno1116

ดังนั้นจึงมีปัญหาหนึ่งสำหรับคำตอบนี้ที่ฉันพบ หากคุณต้องการให้มีสีเดียวกันเมื่อคุณเลือกปุ่มจากนั้น setHighlighted จะถูกเรียกหลังจาก setSelected และจะแทนที่สไตล์ที่คุณเลือก วิธีแก้ปัญหาข้างต้นอาจดีกว่าหากคุณต้องการเลือกปุ่มเช่นกัน
HaloZero

3
@YakivKovalskiy สมมติว่าคุณใช้คลาสย่อยคุณสามารถเพิ่มคุณสมบัติ UIColor สองคุณสมบัติเช่น normalBackground และ highlightedBackground จากนั้นกำหนด self.backgroundColor = normalBackground หรือ highlightedBackground ตามลำดับ อย่าลืมเพิ่มเมธอด init เพื่อความสะดวกในการใช้งานเช่น initWithBackground: highlightedBackground:
SK

2
คำตอบที่ดีเพียงคำแนะนำเดียว:backgroundColor = isHighlighted ? .lightGray : .white
Fantini

298

ไม่แน่ใจว่าจะแก้ไขสิ่งที่คุณเป็นหรือเหมาะกับภูมิทัศน์การพัฒนาทั่วไปของคุณหรือไม่ แต่สิ่งแรกที่ฉันจะลองคือเปลี่ยนสีพื้นหลังของปุ่มบนเหตุการณ์ touchDown

ตัวเลือกที่ 1:

คุณจะต้องมีการจับภาพสองเหตุการณ์ UIControlEventTouchDown จะใช้เมื่อผู้ใช้กดปุ่ม UIControlEventTouchUpInside และ UIControlEventTouchUpOut จะใช้เมื่อพวกเขาปล่อยปุ่มเพื่อกลับสู่สถานะปกติ

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
เพิ่ม UIControlEventTouchUpOutside และ UIControlEventTouchCancel ไปที่ buttonHighlight: รายการเหตุการณ์และมันจะทำงานตลอดเวลา
Evgen Bodunov

ตัวเลือกที่สองคือสิ่งที่ดีที่สุดที่ฉันค้นพบ อย่างไรก็ตามฉันคิดว่ากระดานเรื่องราวมีข้อดีของพวกเขาในกรณีนี้!
แจ็คโซโลมอน

คำตอบโดย Thomas ดีกว่าและนั่นคือสิ่งที่ฉันใช้ด้วย
Van Du Tran

26
หากคุณกำลังใช้layer.cornerRadiusและไปกับตัวเลือก # 2 คุณจะต้องตรวจสอบให้แน่ใจว่าตั้งค่าclipsToBoundsเป็นจริงเพื่อให้มุมของภาพถูกปัดเศษเช่นกัน
Sky

3
หากใครบางคนแวะมาและต้องการคำตอบใน Swift: stackoverflow.com/questions/26600980/…
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 กดฟังก์ชั่นหรือใน viewDidLoad?
Dave G

ถ้าฉันมี UIButton หลายตัวที่มีสีต่างกัน
Slavcho

6
@Dave G, คุณสร้าง subclass UIButton ใหม่โดยการคลิกและการตั้งค่าให้File>New>File>Cocoa Touch Class subclass of UIButtonตั้งชื่อไฟล์สำหรับ ex CustomButtonซึ่งจะกลายเป็นทั้งชื่อไฟล์และชื่อคลาส ในไฟล์นี้ให้ใส่override var highlightedรหัสที่แสดงด้านบน ขั้นตอนสุดท้ายตั้งค่า UIButton บนตัวสร้างส่วนต่อประสานเพื่อใช้CustomButtonคลาสย่อยนี้โดยไปที่หน้าคุณสมบัติที่ระบุว่า "Custom Class" และมีดรอปดาวน์บ็อกซ์ มันจะพูดว่า "UIButton" ในตัวอักษรสีเทา รายการแบบเลื่อนลงควรแสดง CustomButton เลือกตัวเลือกนี้และตอนนี้ปุ่มจะเป็นคลาสย่อย
James Toomey

ทำไมไม่มีใครบอกว่า 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 คุณสามารถแทนที่ accessor ของคุณสมบัติที่ไฮไลต์ (หรือที่เลือก) แทนการแทนที่เมธอด setHighlighted

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

ทั้งหมดนี้ใช้งานได้ แต่ฉันสับสนว่าคุณสามารถเข้าใจสิ่งนี้ได้อย่างไร พารามิเตอร์ไม่ได้อยู่ในเอกสารหรือ UIButton.h เท่าที่ฉันจะบอกได้
shimizu

1
นี่คือไวยากรณ์ที่รวดเร็วซึ่งเลียนแบบพฤติกรรมของการเอาชนะ setHightlighted ในวัตถุประสงค์ c ดูเอกสารเกี่ยวกับคุณสมบัติที่คำนวณได้ที่นี่developer.apple.com/library/ios/documentation/Swift/Conceptual/
Jake Hall

11
คุณสามารถใช้ didSet
Dam ได้

1
ฉันได้เพิ่มเช่นกับผู้สังเกตการณ์ทรัพย์สิน: stackoverflow.com/a/29186375/195173
Aleksejs Mjaliks

ฉันคิดว่าสิ่งที่ชิมิซุถามคือคุณรู้highlightedได้อย่างไรว่าเป็นทรัพย์สินของ UIButton คำตอบคือมันเป็นคุณสมบัติใน UIControl ซึ่ง UIButton สืบทอดมาจาก
Adam Johns

25

แทนที่ตัวแปรที่เน้นสี การเพิ่ม@IBInspectableทำให้คุณสามารถแก้ไข backgroundColor ที่ไฮไลต์ไว้ในกระดานเรื่องราวซึ่งเป็นเรื่องที่ดีเช่นกัน

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 answer):

สวิฟท์ 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 ในปุ่มทั้งหมดในแอปของคุณซึ่งไม่ใช่วิธีแก้ปัญหาที่ดีในความคิดของฉัน ป่วยไปกับคำตอบของ Timur
Usama bin Attique

13

ส่วนขยาย UIButton พร้อมSwift 3+ไวยากรณ์:

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

นี่คือวิธีการใน Swift โดยใช้ส่วนขยาย UIButton เพื่อเพิ่ม IBInspectable เรียกว่า highlightedBackgroundColor คล้ายกับคลาสย่อยโดยไม่ต้องการคลาสย่อย

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
สำหรับ SWIFT 2.0 คุณจะต้องปรับปรุงการเรียกร้องให้ objc_setAssociatedObject ใช้ enum: objc_setAssociatedObject (ตัวเองและ NormalBackgroundColorKey, newValue, .OBJC_ASSOCIATION_RETAIN)
เอลีเบิร์ค

วิธีที่ดีที่สุดใน Swift แน่นอนถ้าคุณต้องการเก็บไว้ใน Storyboard
davidethell

1
ฉันชอบใช้คลาสย่อยที่ไม่ได้ขยายเนื่องจากจะมีผลกับแอปทั้งหมด
Hossam Ghareeb


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

UPDATE:

ใช้UIButtonBackgroundColorไลบรารี Swift

อายุ:

ใช้ผู้ช่วยเหลือด้านล่างเพื่อสร้างภาพ 1 พิกเซล x 1 พิกเซลพร้อมสีเติมโทนสีเทา:

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

หมายเหตุ: ACUเป็นคำนำหน้าชั้นเรียนของ Cocoa Touch Static Library ของฉันที่ชื่อว่า Acani Utilities โดยที่ 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

คุณสามารถ subclass UIButton และทำให้ดีสำหรับรัฐ

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

หมายเหตุ (นี่คือตัวอย่างฉันรู้ว่ามีปัญหาและนี่คือบางส่วน)

ฉันใช้ NSMutableDictionay เพื่อเก็บ UIColor สำหรับแต่ละรัฐฉันต้องทำการแปลงข้อความที่น่ารังเกียจสำหรับคีย์เนื่องจาก UIControlState ไม่ใช่ Int ตรงที่ดี หากคุณสามารถเริ่มต้นอาร์เรย์ด้วยวัตถุจำนวนมากนั้นและใช้สถานะเป็นดัชนี

ด้วยเหตุนี้คุณหลายคนจึงมีปัญหากับเช่นปุ่มที่เลือกและปิดใช้งานจึงจำเป็นต้องใช้ตรรกะเพิ่มเติม

ปัญหาอื่นคือถ้าคุณลองและตั้งค่าหลายสีในเวลาเดียวกันฉันยังไม่ได้ลองด้วยปุ่ม แต่ถ้าคุณสามารถทำได้มันอาจไม่ทำงาน

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

ฉันสันนิษฐานว่านี่คือกระดานเรื่องราวไม่มี init, 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)
    }

}

Swift 5ขอบคุณ @Maverick


3

รายละเอียด

  • Xcode 11.1 (11A1027), Swift 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เพียงพอสำหรับคุณ


ฉันลองเล่นกับการแสดง TouchWhen ไฮไลต์ แต่ก็ไม่ได้ช่วย ฉันไม่ต้องการใช้ setBackgroundImage: forState: อันที่จริงฉันพยายามใช้ backgroundColor เพื่อไม่ใช้ภาพใด ๆ
MartinMoizard

2

ฉันได้เปิดแหล่งข้อมูลย่อยของ UIButton, STAButtonเพื่อเติมลงในช่องโหว่การทำงานนี้ อยู่ภายใต้ใบอนุญาต MIT ใช้งานได้กับ iOS 7+ (ฉันไม่ได้ทดสอบกับ iOS เวอร์ชันเก่ากว่า)


2

เพื่อแก้ปัญหานี้ฉันได้สร้างหมวดหมู่เพื่อจัดการbackgroundColorกับUIButtons:
ButtonBackgroundColor-iOS

คุณสามารถติดตั้งหมวดหมู่เป็นพ็อดได้ได้

ใช้งานง่ายด้วยObjective-C

@property (nonatomic, strong) UIButton *myButton;

...

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

ใช้งานง่ายยิ่งขึ้นด้วยSwift :

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 และ purpose-C

สำคัญ

ฉันยังเขียนบล็อกโพสต์ด้วยข้อมูลเพิ่มเติม




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

วางในและคุณไปดี:
* proerty สามารถตั้งค่าใน 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

สวิฟท์ 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

ใน Swift 5

สำหรับผู้ที่ไม่ต้องการใช้พื้นหลังสีเพื่อเอาชนะสถานะที่เลือก

เพียงคุณสามารถเอาชนะปัญหาได้โดยใช้ #Selector & if statement เพื่อเปลี่ยนสี 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.