PaintCode doesn't work with the Storyboard

Question

I bought Paintcode and I tried this example this example.

It works if I use a nib but when I use the storyboard it doesn't (it doesn't draw the custom button). I know it's a lot of code to go through but I am sure somebody more experienced can find the error.

There are 4 files:

SBButton.h

  #import "SBButtonCustomizer.h"

   @interface SBButton : SBButtonCustomizer
   @property (retain) UIColor* buttonColor;
   @property (retain) UIColor* buttonHighLightColor;
   @property (retain) UIColor* titleColor;
   @end

SBButton.m

@implementation SBButton


- (void)drawButtonHighlighted: (BOOL)isHighlighted{
//// General Declarations
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGContextRef context = UIGraphicsGetCurrentContext();

//// Color Declarations
UIColor* iconShadow = [UIColor colorWithRed: 0 green: 0 blue: 0 alpha: 0.8];
UIColor* buttonColor = [UIColor colorWithRed: 0.18 green: 0.631 blue: 0 alpha: 1];
CGFloat buttonColorRGBA[4];
[buttonColor getRed: &buttonColorRGBA[0] green: &buttonColorRGBA[1] blue:   &buttonColorRGBA[2] alpha: &buttonColorRGBA[3]];

UIColor* baseGradientBottomColor = [UIColor colorWithRed: (buttonColorRGBA[0] * 0.6) green: (buttonColorRGBA[1] * 0.6) blue: (buttonColorRGBA[2] * 0.6) alpha: (buttonColorRGBA[3] * 0.6 + 0.4)];
UIColor* upperShine = [UIColor colorWithRed: 0.948 green: 0.948 blue: 0.948 alpha: 0.82];
UIColor* topShine = [upperShine colorWithAlphaComponent: 0.5];
UIColor* bottomShine = [upperShine colorWithAlphaComponent: 0.1];

//// Gradient Declarations
NSArray* baseGradientColors = [NSArray arrayWithObjects:
                               (id)buttonColor.CGColor,
                               (id)baseGradientBottomColor.CGColor, nil];
CGFloat baseGradientLocations[] = {0, 1};
CGGradientRef baseGradient = CGGradientCreateWithColors(colorSpace, (CFArrayRef)baseGradientColors, baseGradientLocations);
NSArray* shineGradientColors = [NSArray arrayWithObjects:
                                (id)upperShine.CGColor,
                                (id)[UIColor colorWithRed: 0.948 green: 0.948 blue: 0.948 alpha: 0.66].CGColor,
                                (id)topShine.CGColor,
                                (id)[UIColor colorWithRed: 0.948 green: 0.948 blue: 0.948 alpha: 0.3].CGColor,
                                (id)bottomShine.CGColor, nil];
CGFloat shineGradientLocations[] = {0, 0.05, 0.09, 0.66, 1};
CGGradientRef shineGradient = CGGradientCreateWithColors(colorSpace, (CFArrayRef)shineGradientColors, shineGradientLocations);

//// Shadow Declarations
UIColor* buttonShadow = iconShadow;
CGSize buttonShadowOffset = CGSizeMake(0.1, 1.1);
CGFloat buttonShadowBlurRadius = 2;

//// Frames
CGRect frame = CGRectMake(0, 0, 229, 38);


//// Button
{
    CGContextSaveGState(context);
    CGContextSetAlpha(context, 0.75);
    CGContextBeginTransparencyLayer(context, NULL);


    //// ButtonRectangle Drawing
    CGRect buttonRectangleRect = CGRectMake(CGRectGetMinX(frame) + 2, CGRectGetMinY(frame) + 1, CGRectGetWidth(frame) - 4, CGRectGetHeight(frame) - 4);
    UIBezierPath* buttonRectanglePath = [UIBezierPath bezierPathWithRoundedRect: buttonRectangleRect cornerRadius: 7];
    CGContextSaveGState(context);
    CGContextSetShadowWithColor(context, buttonShadowOffset, buttonShadowBlurRadius, buttonShadow.CGColor);
    CGContextBeginTransparencyLayer(context, NULL);
    [buttonRectanglePath addClip];
    CGContextDrawLinearGradient(context, baseGradient,
                                CGPointMake(CGRectGetMidX(buttonRectangleRect), CGRectGetMinY(buttonRectangleRect)),
                                CGPointMake(CGRectGetMidX(buttonRectangleRect), CGRectGetMaxY(buttonRectangleRect)),
                                0);
    CGContextEndTransparencyLayer(context);
    CGContextRestoreGState(context);



    //// Rounded Rectangle Drawing
    CGRect roundedRectangleRect = CGRectMake(CGRectGetMinX(frame) + 2, CGRectGetMinY(frame) + 1, CGRectGetWidth(frame) - 4, floor((CGRectGetHeight(frame) - 1) * 0.48649 + 0.5));
    UIBezierPath* roundedRectanglePath = [UIBezierPath bezierPathWithRoundedRect: roundedRectangleRect cornerRadius: 7];
    CGContextSaveGState(context);
    [roundedRectanglePath addClip];
    CGContextDrawLinearGradient(context, shineGradient,
                                CGPointMake(CGRectGetMidX(roundedRectangleRect), CGRectGetMinY(roundedRectangleRect)),
                                CGPointMake(CGRectGetMidX(roundedRectangleRect), CGRectGetMaxY(roundedRectangleRect)),
                                0);
    CGContextRestoreGState(context);


    CGContextEndTransparencyLayer(context);
    CGContextRestoreGState(context);
}


//// Cleanup
CGGradientRelease(baseGradient);
CGGradientRelease(shineGradient);
CGColorSpaceRelease(colorSpace);
 }
 #pragma mark Overrides


 - (void)drawOnState{
[self drawButtonHighlighted: YES];
}

- (void)drawOffState{
[self drawButtonHighlighted: NO];
}
 @end

SBButtonCustomizer.h

#import <Foundation/Foundation.h>

@interface SBButtonCustomizer : NSObject
@property(retain) IBOutlet UIButton* customButton;

 // These 3 should be overrided
 - (CGSize)size;
 - (void)drawOnState;
 - (void)drawOffState;

 @end

SBButtonCustomizer.m

#import "SBButtonCustomizer.h"

@interface SBButtonCustomizer ()
@property(retain) UIImage* onStateImage;
@property(retain) UIImage* offStateImage;

 - (UIImage*)imageForSelector: (SEL)selector;
 @end



 @implementation SBButtonCustomizer

 - (void)awakeFromNib{
  [super awakeFromNib];

self.onStateImage = [[self imageForSelector: @selector(drawOnState)]       resizableImageWithCapInsets: [self capInsets]];
self.offStateImage = [[self imageForSelector: @selector(drawOffState)] resizableImageWithCapInsets: [self capInsets]];

[self.customButton setBackgroundImage: self.onStateImage forState: UIControlStateNormal];
[self.customButton setBackgroundImage: self.offStateImage forState: UIControlStateHighlighted];
}

   - (void)dealloc
   {
    [super dealloc];
  self.onStateImage = nil;
  self.offStateImage = nil;
      self.customButton = nil;
    }


 - (UIImage*)imageForSelector: (SEL)selector
{
UIGraphicsBeginImageContextWithOptions(self.size, NO, 0.0f);

  #pragma clang diagnostic push
   #pragma clang diagnostic ignored "-Warc-performSelector-leaks"
[self performSelector: selector];
  #pragma clang diagnostic pop

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

return result;
}

- (UIEdgeInsets)capInsets
{
return UIEdgeInsetsMake(0, 15, 0, 15);
 }

 - (CGSize)size
 {
return self.customButton.bounds.size;
}


  - (void)drawOnState
  {

  }

 - (void)drawOffState
 {

}



  @end

I read somewhere that I shouldn't use

- (void)awakeFromNib

with storyboards but

initWithCoder

is this possible?

Answer 1

As they state in the header file

    // These 3 should be overrided
- (CGSize)size;
- (void)drawOnState;
- (void)drawOffState;

ALL three methods must be overridden. Otherwise the graphics context is nil.

Insert this in your SBButton.m

- (CGSize)size
{
    return CGSizeMake(48, 48);
}

And adjust the size to your needs.

I have changed this line

@interface SBButtonCustomizer : NSObject

into this

@interface SBButtonCustomizer : UIButton

as i needed more properties which are not provided by NSObject. Works very well for me!

Answer 2

I had this problem just now and fixed it quite easily. I think there must be a bug in the SDK as awakeFromNib is supposed to be called on objects in a ViewController after it's initWithCoder method but the button has a rect of CGRectZero.

This is essentially what I did to solve the problem.

In SBButtonCustomizer.m I changed the method name awakeFromNib to e.g. -(void) didLoad and made it public in SBButton.h

In my viewController within IB I made an outlet to the SBButton object then at the end of my viewDidLoad method I simply called the didLoad method of the object.

Sorted for me and I hope it helps you.

I don't know how to file a bug with Apple as I only recently signed up for the developer program and CBATBH.