title: Hard time understanding the resizableImageWithCapInsets
body: <p>I have a UIButton and I am trying to set a resizable image as background. The image is 25X25 points in size. I use the following code to set the image. </p>
  
  <pre><code>UIImage *backgroundImage = [[UIImage imageNamed:@"barbutton_normal"] resizableImageWithCapInsets:UIEdgeInsetsMake(3, 2, 3, 2)];
  
      [self setBackgroundImage:backgroundImage forState:UIControlStateNormal];
  
      [self setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
  
      [self setTitleEdgeInsets:UIEdgeInsetsMake(10,10, 10, 10)];
  
      self.layer.cornerRadius = 6.0;
      self.layer.masksToBounds = YES;
  </code></pre>
  
  <p>But the button appears like this: </p>
  
  <p><img src="https://i.stack.imgur.com/F8r0j.png" alt="enter image description here"></p>
  
  <p>What am I doing wrong? Also how can I make the top and bottom portion of the button a little bigger so that it does not look crammed up with the text. </p>