Có thể thay đổi màu nền UIButtons không?

Cái này làm tôi bí.

Có thể thay đổi màu nền của UIButton trong Cocoa cho iPhone không. Tôi đã thử thiết lập màu nền nhưng nó chỉ thay đổi các góc. setBackgroundColor:dường như là phương pháp duy nhất có sẵn cho những thứ như vậy.

[random setBackgroundColor:[UIColor blueColor]];
[random.titleLabel setBackgroundColor:[UIColor blueColor]];

Điều này có thể được thực hiện theo chương trình bằng cách tạo một bản sao:

loginButton = [UIButton buttonWithType:UIButtonTypeCustom];
[loginButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
loginButton.backgroundColor = [UIColor whiteColor];
loginButton.layer.borderColor = [UIColor blackColor].CGColor;
loginButton.layer.borderWidth = 0.5f;
loginButton.layer.cornerRadius = 10.0f;

chỉnh sửa: tất nhiên, bạn phải #import <QuartzCore/QuartzCore.h>

chỉnh sửa: đối với tất cả người đọc mới, bạn cũng nên xem xét một vài tùy chọn được thêm vào như "một khả năng khác". để bạn xem xét.

Vì đây là một câu trả lời cũ, tôi thực sự khuyên bạn nên đọc các nhận xét để khắc phục sự cố

Tôi có một cách tiếp cận khác,

[btFind setTitle:NSLocalizedString(@"Find", @"") forState:UIControlStateNormal];    
[btFind setBackgroundImage:[CommonUIUtility imageFromColor:[UIColor cyanColor]] 
        forState:UIControlStateNormal];
btFind.layer.cornerRadius = 8.0;
btFind.layer.masksToBounds = YES;
btFind.layer.borderColor = [UIColor lightGrayColor].CGColor;
btFind.layer.borderWidth = 1;

Từ CommonUIUtility,

+ (UIImage *) imageFromColor:(UIColor *)color {
    CGRect rect = CGRectMake(0, 0, 1, 1);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [color CGColor]);
    //  [[UIColor colorWithRed:222./255 green:227./255 blue: 229./255 alpha:1] CGColor]) ;
    CGContextFillRect(context, rect);
    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return img;
}

Đừng quên #import <QuartzCore/QuartzCore.h>

Tôi giả sử bạn đang nói về UIButton với UIButtonTypeRoundedRect? Bạn không thể thay đổi màu nền của nó. Khi bạn thử thay đổi màu nền của nó, bạn muốn thay đổi màu của hình chữ nhật mà nút được vẽ (thường rõ ràng). Vì vậy, có hai cách để đi. Hoặc bạn phân lớp UIButton và ghi đè lên -drawRect:phương thức của nó hoặc bạn tạo hình ảnh cho các trạng thái nút khác nhau (điều này hoàn toàn tốt để làm).

Nếu bạn đặt hình ảnh nền trong Trình tạo giao diện, bạn nên lưu ý rằng IB không hỗ trợ thiết lập hình ảnh cho tất cả các trạng thái mà nút có thể có, vì vậy tôi khuyên bạn nên đặt hình ảnh trong mã như sau:

UIButton *myButton = [UIButton buttonWithType:UIButtonTypeCustom];
[myButton setBackgroundImage:[UIImage imageNamed:@"normal.png"] forState:UIControlStateNormal];
[myButton setBackgroundImage:[UIImage imageNamed:@"disabled.png"] forState:UIControlStateDisabled];
[myButton setBackgroundImage:[UIImage imageNamed:@"selected.png"] forState:UIControlStateSelected];
[myButton setBackgroundImage:[UIImage imageNamed:@"higligted.png"] forState:UIControlStateHighlighted];
[myButton setBackgroundImage:[UIImage imageNamed:@"highlighted+selected.png"] forState:(UIControlStateHighlighted | UIControlStateSelected)];

Dòng cuối cùng cho biết cách đặt hình ảnh cho trạng thái đã chọn & đánh dấu (đó là điều IB không thể đặt). Bạn không cần các hình ảnh đã chọn (dòng 4 & 6) nếu nút của bạn không cần trạng thái đã chọn.

Khả năng khác:

1. Tạo UIButton trong Trình tạo giao diện.
2. Cung cấp cho nó một loại 'Tùy chỉnh'
3. Bây giờ, trong IB có thể thay đổi màu nền

Tuy nhiên, nút có hình vuông, và đó không phải là điều chúng tôi muốn. Tạo IBOutlet có tham chiếu đến nút này và thêm phần sau vào phương thức viewDidLoad:

[buttonOutlet.layer setCornerRadius:7.0f];
[buttonOutlet.layer setClipToBounds:YES];

Đừng quên nhập QuartzCore.h

Lớp con UIButton và ghi đè các phương thức setHighlighted và setSelected

-(void) setHighlighted:(BOOL)highlighted {

  if(highlighted) {
    self.backgroundColor = [self.mainColor darkerShade];
  } else {
    self.backgroundColor = self.mainColor;
  }
  [super setHighlighted:highlighted];
}

-(void) setSelected:(BOOL)selected {

  if(selected) {
    self.backgroundColor = [self.mainColor darkerShade];
  } else {
    self.backgroundColor = self.mainColor;
  }
  [super setSelected:selected];
}

Phương thức darkShade của tôi nằm trong danh mục UIColor như thế này

-(UIColor*) darkerShade {

  float red, green, blue, alpha;
  [self getRed:&red green:&green blue:&blue alpha:&alpha];

  double multiplier = 0.8f;
  return [UIColor colorWithRed:red * multiplier green:green * multiplier blue:blue*multiplier alpha:alpha];
}

Nếu bạn không muốn sử dụng hình ảnh và muốn nó trông giống hệt như kiểu Rounded Rect, hãy thử cách này. Chỉ cần đặt một UIView trên UIButton, với khung giống hệt và mặt nạ tự động thay đổi kích thước, đặt alpha thành 0,3 và đặt nền thành màu. Sau đó, sử dụng đoạn mã bên dưới để cắt các cạnh tròn ra khỏi chế độ xem lớp phủ màu. Ngoài ra, hãy bỏ chọn hộp kiểm 'Người dùng đã bật tương tác' trong IB trên UIView để cho phép các sự kiện cảm ứng chuyển xuống UIButton bên dưới.

Một tác dụng phụ là văn bản của bạn cũng sẽ bị tô màu.

#import <QuartzCore/QuartzCore.h>

colorizeOverlayView.layer.cornerRadius = 10.0f;
colorizeOverlayView.layer.masksToBounds = YES;

Một khả năng khác (imho tốt nhất và đẹp nhất):

Tạo một UISegmentedControl với 2 phân đoạn bằng màu nền bắt buộc trong Trình tạo giao diện. Đặt loại thành 'bar'. Sau đó, thay đổi nó thành chỉ có một phân đoạn. Trình tạo giao diện không chấp nhận một phân đoạn, vì vậy bạn phải làm điều đó theo chương trình.

Do đó, hãy tạo IBOutlet cho nút này và thêm nó vào viewDidLoad của chế độ xem của bạn:

[segmentedButton removeSegmentAtIndex:1 animated:NO];

Bây giờ bạn có một nút màu bóng đẹp với màu nền được chỉ định. Đối với các hành động, hãy sử dụng sự kiện 'giá trị đã thay đổi'.

(Tôi đã tìm thấy điều này trên http://chris-software.com/index.php/2009/05/13/creating-a-nice-glass-buttons/ ). Cảm ơn Chris!

Tôi 99% khẳng định rằng bạn không thể chỉ đi và thay đổi màu nền của UIButton. Thay vào đó, bạn phải tự mình thay đổi hình ảnh nền mà tôi nghĩ là một điều khó khăn. Tôi ngạc nhiên rằng tôi đã phải làm điều này.

Nếu tôi sai hoặc nếu có cách nào tốt hơn mà không cần phải đặt hình nền, vui lòng cho tôi biết

[random setBackgroundImage:[UIImage imageNamed:@"toggleoff.png"] forState:UIControlStateNormal];
    [random setTitleColor:[UIColor darkTextColor] forState:UIControlStateNormal];


[random setBackgroundImage:[UIImage imageNamed:@"toggleon.png"] forState:UIControlStateNormal];
    [random setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

Theo đề xuất @EthanB và @karim tạo ra một hình chữ nhật lấp đầy phía sau, tôi vừa tạo một danh mục cho UIButton để đạt được điều này.

Chỉ cần thả mã Danh mục: https://github.com/zmonteca/UIButton-PLColor

Sử dụng:

[button setBackgroundColor:uiTextColor forState:UIControlStateDisabled];

Các forStates tùy chọn để sử dụng:

UIControlStateNormal
UIControlStateHighlighted
UIControlStateDisabled
UIControlStateSelected

Bạn cũng có thể thêm CALayer vào nút - bạn có thể làm nhiều việc với những thứ này bao gồm cả lớp phủ màu, ví dụ này sử dụng một lớp màu trơn, bạn cũng có thể dễ dàng chuyển màu. Hãy lưu ý mặc dù các lớp được thêm vào sẽ che khuất những lớp bên dưới

+(void)makeButtonColored:(UIButton*)button color1:(UIColor*) color
{

    CALayer *layer = button.layer;
    layer.cornerRadius = 8.0f;
    layer.masksToBounds = YES;
    layer.borderWidth = 4.0f;
    layer.opacity = .3;//
    layer.borderColor = [UIColor colorWithWhite:0.4f alpha:0.2f].CGColor;

    CAGradientLayer *colorLayer = [CAGradientLayer layer];
    colorLayer.cornerRadius = 8.0f;
    colorLayer.frame = button.layer.bounds;
    //set gradient colors
    colorLayer.colors = [NSArray arrayWithObjects:
                         (id) color.CGColor,
                         (id) color.CGColor,
                         nil];

    //set gradient locations
    colorLayer.locations = [NSArray arrayWithObjects:
                            [NSNumber numberWithFloat:0.0f],
                            [NSNumber numberWithFloat:1.0f],
                            nil];


    [button.layer addSublayer:colorLayer];

}

thêm mục tiêu thứ hai cho UIButtonfor UIControlEventTouchedvà thay đổi UIButtonmàu nền. Sau đó, thay đổi nó trở lại trong UIControlEventTouchUpInsidemục tiêu;

Đối với các nút chuyên nghiệp và đẹp mắt, bạn có thể kiểm tra thành phần nút tùy chỉnh này . Bạn có thể sử dụng nó trực tiếp trong các dạng xem và bảng của mình hoặc sửa đổi mã nguồn để làm cho nó đáp ứng nhu cầu của bạn. Hi vọng điêu nay co ich.

Điều này không thanh lịch như UIButton phân loại phụ, tuy nhiên nếu bạn chỉ muốn một cái gì đó nhanh chóng - những gì tôi đã làm là tạo nút tùy chỉnh, sau đó tạo hình ảnh 1px x 1px với màu sắc mà tôi muốn nút và đặt nền của nút tới hình ảnh đó cho trạng thái được đánh dấu - phù hợp với nhu cầu của tôi.

Tôi biết điều này đã được hỏi cách đây rất lâu và bây giờ có một UIButtonTypeSystem mới. Nhưng các câu hỏi mới hơn đang được đánh dấu là bản sao của câu hỏi này, vì vậy đây là câu trả lời mới hơn của tôi trong ngữ cảnh của nút hệ thống iOS 7, hãy sử dụng thuộc .tintColortính.

let button = UIButton(type: .System)
button.setTitle("My Button", forState: .Normal)
button.tintColor = .redColor()

[myButton setBackgroundColor:[UIColor blueColor]]; [myButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

Có thể thay đổi theo cách này hoặc chuyển sang Storyboard và thay đổi nền trên các tùy chọn ở phía bên phải.

Swift 3:

        static func imageFromColor(color: UIColor, width: CGFloat, height: CGFloat) -> UIImage {
            let rect = CGRect(x: 0, y: 0, width: width, height: height)
            UIGraphicsBeginImageContext(rect.size)
            let context = UIGraphicsGetCurrentContext()!
            context.setFillColor(color.cgColor)
            context.fill(rect)
            let img = UIGraphicsGetImageFromCurrentImageContext()!
            UIGraphicsEndImageContext()
            return img
        }

        let button = UIButton(type: .system)
        let image = imageFromColor(color: .red, width: 
        button.frame.size.width, height: button.frame.size.height)
        button.setBackgroundImage(image, for: .normal)