Làm thế nào để bạn thay đổi hình ảnh UIButton alpha trên trạng thái vô hiệu hóa?

Question

Tôi có UIButton với hình ảnh và trạng thái bị tắt, hình ảnh này phải có .3 alpha.

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 
UIImage *arrowImage = [UIImage imageNamed:@"arrow.png"]; 
[button setImage:arrowImage forState:UIControlStateNormal]; 

// The arrow should be half transparent here 
[button setImage:arrowImage forState:UIControlStateDisabled]; 

Làm cách nào để thực hiện việc này?

CẬP NHẬT: Tôi nhận thấy, theo mặc định UIButton không làm giảm alpha của hình ảnh trên trạng thái bị vô hiệu hóa (có thể ở .5?). Nhưng tôi muốn biết cách tinh chỉnh giá trị này.

Answer 1

Nếu đặt alpha trong khi nút bị vô hiệu hóa không hoạt động, sau đó chỉ cần tạo hình ảnh bị vô hiệu hóa theo giá trị alpha bạn muốn.

Chỉ cần thử nghiệm điều này, bạn có thể đặt alpha trên UIButton, bất kể trạng thái và nó hoạt động tốt.

self.yourButton.alpha = 0.25; 

Answer 2

Bạn cần hai phiên bản UIImage, một để kích hoạt và một cho người khuyết tật.

Phần khó khăn dành cho người khuyết tật, bạn không thể đặt alpha trên UIImage. Bạn cần đặt số này trên UIImageView nhưng nút không mất UIImageView, phải mất UIImage.

Nếu bạn thực sự muốn thực hiện việc này, bạn có thể tải cùng một hình ảnh vào trạng thái nút bị vô hiệu hóa sau khi tạo hình ảnh kết quả từ UIImageView có tập hợp alpha trên đó.

UIImageView *uiv = [UIImageView alloc] initWithImage:[UIImage imageNamed:@"arrow.png"]; 

// get resultant UIImage from UIImageView 
UIGraphicsBeginImageContext(uiv.image.size); 
CGRect rect = CGRectMake(0, 0, uiv.image.size.width, uiv.image.size.height); 
[uiv.image drawInRect:rect blendMode:kCGBlendModeScreen alpha:0.2]; 

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

[button setImage:disabledArrow forState:UIControlStateDisabled]; 

Có rất nhiều thứ để trải qua để có được hình ảnh nút được điều khiển bằng alpha. Có thể có một cách dễ dàng hơn nhưng đó là tất cả những gì tôi có thể tìm thấy. Hy vọng rằng sẽ giúp.

Answer 3

subclassing UIButton và mở rộng các phương pháp setEnabled: dường như làm việc:

- (void) setEnabled:(BOOL)enabled {  
    [super setEnabled:enabled]; 
    if (enabled) { 
     self.imageView.alpha = 1; 
    } else { 
     self.imageView.alpha = .25; 
    } 
} 

tôi đã không kiểm tra nó kỹ lưỡng, nhưng đã tìm ra resets giá trị nếu màn hình được xoay. Thêm cùng một mã vào phương pháp setFrame: sửa lỗi đó, nhưng tôi không chắc liệu có những tình huống khác mà giá trị này được thay đổi hay không.

Answer 4

Tín dụng chuyển đến @bryanmac cho số helpful answer của mình. Tôi đã sử dụng mã của mình như là một điểm khởi đầu, nhưng tìm thấy cùng một thứ có thể đạt được mà không cần sử dụng một số UIImageView.

Đây là giải pháp của tôi:

- (UIImage *)translucentImageFromImage:(UIImage *)image withAlpha:(CGFloat)alpha 
{ 
    CGRect rect = CGRectZero; 
    rect.size = image.size; 

    UIGraphicsBeginImageContext(image.size); 
    [image drawInRect:rect blendMode:kCGBlendModeScreen alpha:alpha]; 
    UIImage * translucentImage = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 

    return translucentImage; 
} 

Đặt hình nền của nút cho người khuyết tật nhà nước:

UIImage * disabledBgImage = [self translucentImageFromImage:originalBgImage withAlpha:0.5f]; 
[button setBackgroundImage:disabledBgImage forState:UIControlStateDisabled]; 

---

EDIT:

tôi tinh chế giải pháp của tôi hơn nữa bằng cách tạo ra một loại trên UIImage với điều này Phương pháp:

- (UIImage *)translucentImageWithAlpha:(CGFloat)alpha 
{ 
    UIGraphicsBeginImageContextWithOptions(self.size, NO, 0.0); 
    CGRect bounds = CGRectMake(0, 0, self.size.width, self.size.height); 
    [self drawInRect:bounds blendMode:kCGBlendModeScreen alpha:alpha]; 

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

    return translucentImage; 
} 

Đặt hình nền của nút cho tình trạng khuyết tật:

UIImage * disabledBgImage = [originalBgImage translucentImageWithAlpha:0.5f]; 
[button setBackgroundImage:disabledBgImage forState:UIControlStateDisabled]; 

Answer 5

tôi thấy rằng không ai trong số các giải pháp này thực sự làm việc. Cách rõ ràng nhất để làm việc đó là để phân lớp, và thay vì sử dụng self.imageView, chỉ cần thêm IMAGExem riêng của bạn như thế này:

_customImageView = [[UIImageview alloc] initWithImage:image]; 

Sau đó thêm alpha tùy chỉnh của bạn như vậy:

- (void)setEnabled:(BOOL)enabled { 
    [super setEnabled:enabled]; 
    if (enabled) { 
     _customImageView.alpha = 1.0f; 
    } else { 
     _customImageView.alpha = 0.25f; 
    } 
} 

Answer 6

Các chế độ xem hình ảnh của nút. (chỉ đọc)

@property(nonatomic, readonly, retain) UIImageView *imageView 

Mặc dù thuộc tính này là chỉ đọc, thuộc tính riêng của nó là đọc/ghi.

Answer 7

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

Sử dụng: [btnRegister setBackgroundImage:[self imageWithColor:[UIColor lightGrayColor]] forState:UIControlStateDisabled]; btnRegister.enabled = false;

Answer 8

Trong trường hợp bất cứ ai cần nó, đây là một câu trả lời trong Swift:

Subclass UIButton và ghi đè kích hoạt

class MyCustomButton: UIButton { 

override var enabled: Bool { 
    didSet{ 
     alpha = enabled ? 1.0 : 0.3 
    } 
} 

Đặt lớp của bất kỳ nút bạn muốn để có thuộc tính này cho "MyCustomButton" (hoặc bất kỳ thứ gì bạn chọn đặt tên cho nó)

@IBOutlet weak var nextButton: MyCustomButton! 

Answer 9

Swift 3:

extension UIImage { 
    func copy(alpha: CGFloat) -> UIImage? { 
     UIGraphicsBeginImageContextWithOptions(size, false, scale) 
     draw(at: CGPoint.zero, blendMode: .normal, alpha: alpha) 
     let newImage = UIGraphicsGetImageFromCurrentImageContext() 
     UIGraphicsEndImageContext() 
     return newImage 
    } 
} 

Cách sử dụng:

button.setImage(image.copy(alpha: 0.3), for: .disabled)