如何制作突出显示的自定义按钮

时间:2013-05-14 11:57:49

标签: ios uibutton highlight

我创建了一个自定义按钮,因为我想要一个渐变按钮。所以我用这段代码来实现它。

 @implementation CustomButton


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

    //[self addObserver:self forKeyPath:@"highlighted"  options:0 context:nil];
    return self;
}

- (void)awakeFromNib {
    [self setupView];
}

# pragma mark - main

- (void)setupView
{
    self.layer.cornerRadius = 10;
    self.layer.borderWidth = 1.0;
    self.layer.borderColor = [UIColor colorWithRed:167.0/255.0 green:140.0/255.0 blue:98.0/255.0 alpha:0.25].CGColor;
    self.layer.shadowColor = [UIColor blackColor].CGColor;
    self.layer.shadowRadius = 1;
    [self clearHighlightView];

    CAGradientLayer *gradient = [CAGradientLayer layer];
    gradient.frame = self.layer.bounds;
    gradient.cornerRadius = 10;
    gradient.colors = [NSArray arrayWithObjects:
                       (id)[UIColor colorWithWhite:1.0f alpha:0.4f].CGColor,
                       (id)[UIColor colorWithWhite:1.0f alpha:0.2f].CGColor,
                       (id)[UIColor colorWithWhite:0.75f alpha:0.2f].CGColor,
                       (id)[UIColor colorWithWhite:0.4f alpha:0.2f].CGColor,
                       (id)[UIColor colorWithWhite:1.0f alpha:0.4f].CGColor,                         nil];
   // float height = gradient.frame.size.height;
    gradient.locations = [NSArray arrayWithObjects:
                          [NSNumber numberWithFloat:0.0f],
                          [NSNumber numberWithFloat:0.5f],
                          [NSNumber numberWithFloat:0.5f],
                          [NSNumber numberWithFloat:0.8f],
                          [NSNumber numberWithFloat:1.0f],
                          nil];
    [gradient setBackgroundColor:[UIColor redColor].CGColor];
    [self.layer insertSublayer:gradient atIndex:0];
}

现在渐变已经完成。但是当我按下此按钮时,它上面没有突出显示的状态。

我只是想在按下时它的颜色已经加深了。 有谁知道如何实现这个?感谢

2 个答案:

答案 0 :(得分:1)

如果您继承UIButton,则可以覆盖setHighlighted方法。在这里,您可以在按钮上设置不同的Gradient

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

}

答案 1 :(得分:0)

使用渐变对于UIButton来说是一件很麻烦的事情,也很重要,特别是如果你想要一个突出显示的状态。

看看这个Tutorial。这将解释UIButton的图像和渐变的使用。

使用图像相当简单并始终建议