it-roy-ru.com

iPhone: Как установить BackgroundColor UIButton с помощью кнопкиType UIButtonTypeCustom

я хочу изменить цвет кнопки, когда она нажата. Я использовал :

[button setBackgroundColor:[UIColor redColor]];

но это показывает красный цвет только на четырех углах кнопки, а не на всей кнопке, а также, когда я использую forState:UIControlStateNormal, тогда приложение зависает . Есть ли какой-нибудь способ показать какой-нибудь цвет на кнопке при нажатии? 

[click1 setBackgroundColor:[UIColor redColor] forState:UIControlStateHighlighted];

Любая помощь будет оценена.

33
Pankaj Kainthla

Вы можете создать изображение программно, и у вас будет возможность динамически использовать ваши цвета:

С помощью этого метода создайте категорию для UIButton и убедитесь, что библиотека QuartzCore импортирована через @import QuartzCore:

- (void)setColor:(UIColor *)color forState:(UIControlState)state
{
    UIView *colorView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 1, 1)];
    colorView.backgroundColor = color;

    UIGraphicsBeginImageContext(colorView.bounds.size);
    [colorView.layer renderInContext:UIGraphicsGetCurrentContext()];

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

    [self setBackgroundImage:colorImage forState:state];
}

Это создаст изображение с размером вашей кнопки для указанного цвета, а затем назначит его для желаемого состояния. Из-за использования backgroundImage вы все равно можете установить заголовок для кнопки с помощью метода setTitle: forState :.

37
Hendrik

Это то, что я делаю ... это пользовательский подкласс UIButton, просто установите нормальные и выделенные цвета, и все должно работать нормально;)

Заголовочный файл:

//
//  FTCustomButton.h
//  FTLibrary
//
//  Created by Ondrej Rafaj on 14/01/2013.
//  Copyright (c) 2013 Fuerte International. All rights reserved.
//

#import <UIKit/UIKit.h>


@interface FTCustomButton : UIButton

@property (nonatomic, strong, readonly) UIColor *normalColor;
@property (nonatomic, strong, readonly) UIColor *highlightedColor;

- (void)setNormalColor:(UIColor *)normalColor;
- (void)setHighlightedColor:(UIColor *)highlightedColor;


@end

Это файл реализации:

//
//  FTCustomButton.m
//  FTLibrary
//
//  Created by Ondrej Rafaj on 14/01/2013.
//  Copyright (c) 2013 Fuerte International. All rights reserved.
//

#import "FTCustomButton.h"

//*****************************************************************************
// private interface declaration
//*****************************************************************************
@interface MCSelectionButton ()
    @property(nonatomic, strong, readwrite) UIColor *normalColor;
    @property(nonatomic, strong, readwrite) UIColor *highlightedColor;
@end

//*****************************************************************************
// public interface implementation
//*****************************************************************************

@implementation FTCustomButton


#pragma mark Settings

- (void)setNormalColor:(UIColor *)normalColor {
    [self setBackgroundColor:normalColor];
    _normalColor = normalColor;
}

- (void)setHighlightedColor:(UIColor *)highlightedColor {
    _highlightedColor = highlightedColor;
}

#pragma mark Actions

- (void)didTapButtonForHighlight:(UIButton *)sender {
    [self setBackgroundColor:_highlightedColor];
}

- (void)didUnTapButtonForHighlight:(UIButton *)sender {
    [self setBackgroundColor:_normalColor];
}

#pragma mark Initialization

- (void)setupButton {
    [self addTarget:self action:@selector(didTapButtonForHighlight:) forControlEvents:UIControlEventTouchDown];
    [self addTarget:self action:@selector(didUnTapButtonForHighlight:) forControlEvents:UIControlEventTouchUpInside];
    [self addTarget:self action:@selector(didUnTapButtonForHighlight:) forControlEvents:UIControlEventTouchUpOutside];
}

- (id)init {
    self = [super init];
    if (self) {
        [self setupButton];
    }
    return self;
}

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

- (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        [self setupButton];
    }
    return self;
}


@end
14
Ondrej

Убедитесь, что тип кнопки является пользовательским, как кто-то еще уже сказал. Затем выполнение следующих вернет эти закругленные углы:

 [self.myButton.layer setCornerRadius:8.0f];
 [self.myButton.layer setMasksToBounds:YES];
 [self.myButton.layer setBorderWidth:1.0f];
 [self.myButton.layer setBorderColor:[[UIColor whiteColor] CGColor]];
 self.myButton.backgroundColor = [UIColor redColor];

Хотя лично я большой поклонник кнопок градиента над сплошными цветами ... также, цвет фона не имеет разных состояний, в то время как фоновые изображения имеют:

 [self.myButton setBackgroundImage:[UIImage imageNamed:@"gradient.png"] forState:UIControlStateNormal];

Используя изображение, ваша кнопка будет темнее с выделением (или вы можете предоставить другое фоновое изображение для каждого состояния, чтобы сделать что-то другое). Это не произойдет с цветом фона, фон всегда останется прежним, только метка кнопки меняется в зависимости от состояния.

13
DiggyJohn

Завершая ответ Димы, я реализовал расширение в 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)
    }
}
7
Giordano Scalzo

Я считаю, что более эффективное решение, чем любое из перечисленных, - это просто нарисовать изображение в Core Graphics напрямую. Вам не нужно создавать UIView и вызывать renderInContext:, что может быть довольно медленным .

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

Вы можете использовать это в категории UIImage, чтобы создать изображение для использования в UIButton.

4
Dima

вы выбрали красный цвет изображения для своей кнопки, а затем можете установить его, когда пользователь нажимает 

[yourButtonName setBackgroundImage:[UIImage imageNamed:@"yourRedButton.png"] forState:UIControlStateHighlighted];
2
Gyani

Чтобы получить кнопку с одним цветом, вы можете установить кнопку на пользовательскую кнопку . Вот мой известный список доступных API кнопок (вы можете установить их в viewDidLoad после установки их в качестве выходов) . Просто импортируйте кварц и измените радиус границы, чтобы он выглядел как кнопка.

//highlightcolor - this changes the status for UIControlStateHighlighted
OUTLETNAME.tintColor =  [UIColor orangeColor];

//borderradius *quartz
[[OUTLETNAME layer] setCornerRadius:20.0f];

//border *quartz
[[OUTLETNAME layer] setBorderWidth:5.0f];

//bordercolor
[OUTLETNAME.layer setBorderColor:[[UIColor greenColor] CGColor]];

//backgroundcolor 
OUTLETNAME.backgroundColor = [UIColor blackColor];

//image 
[OUTLETNAME setImage:[UIImage imageNamed:PICNAME] forState:UIControlStateNormal];

//text 
[OUTLETNAME setTitle:@"TEXT" forState:UIControlStateNormal];

//fontsize
OUTLETNAME.titleLabel.font = [UIFont systemFontOfSize:36.0];

//fontcolor
OUTLETNAME.titleLabel.textColor = [UIColor blackColor];

//fontcolor
[OUTLETNAME setTitleColor:[UIColor orangeColor] forState: UIControlStateNormal];

Если вам нужны пользовательские кнопки с градиентным цветом, вы должны создать собственный класс кнопок.

В этом блоге есть класс глянцевых кнопок для скачивания . http://didikot.com/?p=217

Я думаю, вы должны рефрактировать и конвертировать в ARC, чтобы использовать его.

Этот блог делает то же самое, но без глянца . http://www.cimgf.com/2010/01/28/fun-with-uibuttons-and-core-animation-layers/

2
MGM

Просто обновление для ответа Хендрика.

Чтобы хорошо работать с Auto Layout, вам нужно установить размер фрейма UIView для кнопки intrinsicContentSize, иначе это испортит макет.

- (void)setColor:(UIColor *)color forState:(UIControlState)state
{
    UIView *colorView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.intrinsicContentSize.width, self.intrinsicContentSize.height)];
    colorView.backgroundColor = color;

    UIGraphicsBeginImageContext(colorView.bounds.size);
    [colorView.layer renderInContext:UIGraphicsGetCurrentContext()];

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

    [self setBackgroundImage:colorImage forState:state];
}
1
BrunoVillanova

@pankaj Гьяни говорит правильно

UIButton *button = [[UIButton buttonWithType:UIButtonTypeCustom] initWithFrame:CGRectMake(0, 0, 24, 24)];
[button addTarget:self action:@selector(prevButtonClick:) forControlEvents:UIControlEventTouchUpInside];
[button setBackgroundImage:[UIImage imageNamed:@"IntroArrowLeft.png"] forState:UIControlStateNormal];
[self addSubview:button];
1
arunkumar.p

Вы должны установить тип UIButton на custom и установить его изображение или свойства фонового изображения для нормальных и выделенных состояний.

Для профессиональных и приятных на вид кнопок, которые вы можете легко использовать в своих приложениях этот компонент пользовательских кнопок также может помочь.

1
Ahmet Ardal

У вас все правильно. Просто установите тип кнопки в UIButtonTypeCustom ..

button =    [UIButton buttonWithType:UIButtonTypeCustom];
button.frame    =   CGRectMake(200, 8, 100, 30);
[button setTitle:@"Set up" forState:UIControlStateNormal];
[button setBackgroundColor:[UIColor greenColor]];
button.clipsToBounds    =   YES;
button.layer.cornerRadius   =   10;
button.alpha        =   0.5;
1
Shob-Z

Сделайте тип кнопки как пользовательский.

Например

button = [UIButton buttonWithType:UIButtonTypeCustom];

Всего наилучшего.

0
Warrior

Благодаря @Dima 

Вот обновленный код для Swift 3.0 как расширение UIButton

extension UIButton {
  // thanks to @Dima http://stackoverflow.com/a/24665476/2581637 update code for Swift 3
  func setBackgroundColor(color: UIColor, forUIControlState state: UIControlState) {
    func imageWithColor(color: UIColor) -> UIImage? {
      let rect = CGRect(x: 0.0, y: 0.0, width: 1.0, height: 1.0)
      UIGraphicsBeginImageContext(rect.size)
      if let context = UIGraphicsGetCurrentContext() {
        context.setFillColor(color.cgColor)
        context.fill(rect)
      }

      let image = UIGraphicsGetImageFromCurrentImageContext()
      UIGraphicsEndImageContext()

      return image
    }

    self.setBackgroundImage(imageWithColor(color: color), for: state)
  }
}
0
nuynait