iOS:旋转视图,按钮的渐变层不自动调整

时间:2012-08-13 16:55:04

标签: ios uibutton gradient autoresizingmask

我在视图中有一个名为nextbutton的UIButton。我已在autoresizing中设置了Interface Builder此按钮。在viewDidLoad中,我调用此方法为此按钮设置渐变。 gradientLayer很适合应用程序的纵向模式中的nextbutton,但是,它不适用于横向模式。有什么建议吗?非常感谢。

-(void)toSetGradientNextButtons{
    CAGradientLayer* gradientLayer = [[CAGradientLayer alloc] init];
    [gradientLayer setBounds:[nextbutton bounds]];
    [gradientLayer setPosition:CGPointMake([nextbutton bounds].size.width/2,[nextbutton bounds].size.height/2)];

    [gradientLayer setColors:[NSArray arrayWithObjects:(id)[[UIColor blueColor] CGColor],(id)[[UIColor cyanColor] CGColor], nil]];
    [[nextbutton layer] insertSublayer:gradientLayer atIndex:0];
    [gradientLayer release];
}

1 个答案:

答案 0 :(得分:0)

我只是在解决完全相同的问题。在我的代码中的viewWillAppear和viewDidLayoutSubviews上调用以下方法。

首先,我正在检查按钮是否已有此图层(来自之前的UI状态和/或旋转)。如果是,则删除自定义图层。 然后它会插入渐变图层,同时使用自定义名称对其进行标记,从而可以在第一时间轻松找到它。

- (void)setupGradientOnLayoutSubviews
{
    // First, we'll remove old custom gradient layer if present (e.g. on rotation)
    for (__strong CALayer *layer in [[[self button] layer] sublayers]) {
        if ([[layer name] isEqualToString: @"myCustomGradient"] == YES) {
            [layer removeFromSuperlayer];
            break;
        }
    }

    // Configure the gradient
    _gradientLayer = [[CAGradientLayer alloc] init];
    _gradientLayer.frame = CGRectMake(0, 0, self.button.frame.size.width, self.button.frame.size.height);
    _gradientLayer.masksToBounds = NO;
    _gradientLayer.cornerRadius = 5.0;
    _gradientLayer.colors = [NSArray arrayWithObjects:(id)[RGB(205, 6, 106) CGColor], (id)[RGB(147, 2, 76) CGColor], nil];
    _gradientLayer.borderColor = [RGB(193, 5, 99) CGColor];
    _gradientLayer.borderWidth = 1.0f;

    _gradientLayer.shadowColor = [[UIColor blackColor] CGColor];
    _gradientLayer.shadowOffset = CGSizeMake(1,1);
    _gradientLayer.shadowRadius = 2;
    _gradientLayer.shadowOpacity = 0.2;
    _gradientLayer.name = @"myCustomGradient";

    // Add the gradient layer
    [self.button.layer insertSublayer:_gradientLayer atIndex:0];
}