iOS How to use UIImage to resize as background

[mikezang]

I have a image and want to it become a border as UIView, this view will be in size 320 x 60 or 160 x 200, I hope the border will keep width, what can I do?
I tried to use code as below, but it looks like not what I need, can you help me?

image = [image stretchableImageWithLeftCapWidth:10 topCapHeight:10];
UIImageView *iv = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, image.size.width, image.size.height)]; 
iv.image = image;

[self.labelView setBackgroundColor:[UIColor colorWithPatternImage:image]];

//or

[self.labelView addSubview:iv];

 

[robbieduncan]

I don't think there is a simple, one view option. You have a few less simple options:

1) Implement a custom view that draws the background using 3 images (left, centre and right), or 9 images if you need vertical resizing as well.

2) Use a load of UIImageViews positioned correctly with the correct resizing masks.

 

[dejo]

Try using setBackgroundImage:forState: instead, as seen in the UICatalog sample code.

 

[robbieduncan]

Try using setBackgroundImage:forState: instead, as seen in the UICatalog sample code.

Will that not scale the image to fit? Which will cause the border on the example image posted to be a different pixel width at different sizes (which is what the OP wants to avoid).

 

[dejo]

Will that not scale the image to fit? Which will cause the border on the example image posted to be a different pixel width at different sizes (which is what the OP wants to avoid).

When used in conjuction with stretchableImageWithLeftCapWidth:topCapHeight:, only the center part of the image will scale. As stated in the documentation for that method in UIImage, "During scaling or resizing of the image, areas covered by a cap are not scaled or resized."

 

[robbieduncan]

When used in conjuction with stretchableImageWithLeftCapWidth:topCapHeight:, only the center part of the image will scale. As stated in the documentation for that method in UIImage, "During scaling or resizing of the image, areas covered by a cap are not scaled or resized."

Cool: basically what I was suggesting hand-coding with multiple images 😀

 

[dejo]

Cool: basically what I was suggesting hand-coding with multiple images 😀

Yeah, it is pretty cool.

I do believe the OP will need to tweak the image, though, so that the middle (stretchable) portion is only 1 pixel wide and high. At least that's my understanding of ensuring a properly set right cap width. I've never tried using anything other than 1.

EDIT:

Oh, and I believe you'll need to use a UIButton. 🙂