ios:关于图片平铺

逃离我推掉我的手 2022-08-21 01:10 140阅读 0赞

转载原出处 http://blog.csdn.net/ouyangtianhan

**1、**

有的时候我们需要将一张图片平铺在View上当做背景。  
以实现滚动页面时让背景也跟随移动。（例如苹果iBook首页背景的书架）

其实实现起来很简单。  
代码如下：

**\[html\]**  [view plain][] [copy][view plain]

1.  //声明一个UIScrollView并改变他的ContentSize使其可以垂直滚动  
2.  UIScrollView \*scrollView = \[\[UIScrollView alloc\] initWithFrame:self.view.bounds\];  
3.  \[scrollView setContentSize:CGSizeMake(0, 2000)\];  
4.     
5.  //声明一个背景图片  
6.  UIImage \*backgroundImage = \[UIImage imageNamed:@"Background.png"\];  
7.     
8.  //将刚刚生成的图片转换为UIColor对象。这样便可以实现平铺了。  
9.  UIColor \*backgroundColor = \[UIColor colorWithPatternImage:backgroundImage\];  
10.    
11. //设置scrollView背景  
12. \[scrollView setBackgroundColor:backgroundColor\];  
13.    
14. \[self.view insertSubview:scrollView atIndex:0\];  
15.

2、

在进行ios开发时，我门有时候会为了节省安装包大小而采取用局部图片平铺作为背景图片。

做法：

1：在view的draeRect里面使用UIIMage的方法： drawAsPatternInRect：

2：UIImage \*bgImg = \[UIImage imageNamed:@"detailBg.png"\];

UIColor \*color = \[\[UIColor alloc\] initWithPatternImage:bgImg\];

UIView \*bg = \[\[UIView alloc\] initWithFrame:self.tableView.frame\];

\[bg setBackgroundColor:color\];

\[color release\];

\[self.tableView setBackgroundView:bg\];

\[bg release\];

第一种做法，没有经过测试，只是参考网上的做法，第二种方式一般情况下不用创建新的UIView，而可以只是直接设置背景色，当设置背景色的做法不起作用的的时候，可以考虑像上如做法设置背景View

3、

UIImage \*imgQuestionBgBottom =\[UIImageimageNamed:@"profile\_arrow.png"\];

UIImage \*imgQuestionBgMiddle =\[UIImageimageNamed:@"profile\_arrow1.png"\];

float tileHeight = 8;  
float tileWidth = 9;  
float imageHeight = tileHeight\*5;UIGraphicsBeginImageContext(CGSizeMake(tileWidth,

imageHeight+imgQuestionBgBottom.size.height));\[imgQuestionBgMiddledrawAsPatternInRect:CGRectMake(0, 0,

tileWidth, imageHeight)\];  
\[imgQuestionBgBottom drawInRect:CGRectMake(0, imageHeight,

imgQuestionBgBottom.size.width,imgQuestionBgBottom.size.height)\];

UIImage\* imgBg = UIGraphicsGetImageFromCurrentImageContext();UIGraphicsEndImageContext();

self.leftTopImageView.image = imgBg;

self.leftTopImageView.frame = CGRectMake(0, 0,imgBg.size.width, imgBg.size.height);

实例:下面分别是imgQuestionBgMiddle,imgQuestionBgBottom组成imgBg。

**4、ios 实力**

**[xcdoc://ios/samplecode/QuartzDemo/Listings/QuartzDemo\_QuartzImages\_m.html][xcdoc_ios_samplecode_QuartzDemo_Listings_QuartzDemo_QuartzImages_m.html]**

**\[objc\]**  [view plain][view plain 1]  [copy][view plain 1]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  \#import "QuartzImages.h"  
2.     
3.     
4.  **@implementation** QuartzImageView  
5.  \{  
6.      CGImageRef \_image;  
7.  \}  
8.     
9.  \-(**void**)drawInContext:(CGContextRef)context  
10. \{  
11.     CGRect imageRect;  
12.     imageRect.origin = CGPointMake(8.0, 8.0);  
13.     imageRect.size = CGSizeMake(64.0, 64.0);  
14.       
15.     // Note: The images are actually drawn upside down because Quartz image drawing expects  
16.     // the coordinate system to have the origin in the lower-left corner, but a UIView  
17.     // puts the origin in the upper-left corner. For the sake of brevity (and because  
18.     // it likely would go unnoticed for the image used) this is not addressed here.  
19.     // For the demonstration of PDF drawing however, it is addressed, as it would definately  
20.     // be noticed, and one method of addressing it is shown there.  
21.    
22.     // Draw the image in the upper left corner (0,0) with size 64x64  
23.     CGContextDrawImage(context, imageRect, **self**.image);  
24.       
25.     // Tile the same image across the bottom of the view  
26.     // CGContextDrawTiledImage() will fill the entire clipping area with the image, so to avoid  
27.     // filling the entire view, we'll clip the view to the rect below. This rect extends  
28.     // past the region of the view, but since the view's rectangle has already been applied as a clip  
29.     // to our drawing area, it will be intersected with this rect to form the final clipping area  
30.     CGContextClipToRect(context, CGRectMake(0.0, 80.0, **self**.bounds.size.width, **self**.bounds.size.height));  
31.       
32.     // The origin of the image rect works similarly to the phase parameter for SetLineDash and  
33.     // SetPatternPhase and specifies where in the coordinate system the "first" image is drawn.  
34.     // The size (previously set to 64x64) specifies the size the image is scaled to before being tiled.  
35.     imageRect.origin = CGPointMake(32.0, 112.0);  
36.     CGContextDrawTiledImage(context, imageRect, **self**.image);  
37.       
38.     // Highlight the "first" image from the DrawTiledImage call.  
39.     CGContextSetRGBFillColor(context, 1.0, 0.0, 0.0, 0.5);  
40.     CGContextFillRect(context, imageRect);  
41.     // And stroke the clipped area  
42.     CGContextSetLineWidth(context, 3.0);  
43.     CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1.0);  
44.     CGContextStrokeRect(context, CGContextGetClipBoundingBox(context));  
45. \}  
46.    
47.    
48. \- (CGImageRef)image  
49. \{  
50.     **if** (\_image == **NULL**)  
51.     \{  
52.         **NSString** \*imagePath = \[\[NSBundle mainBundle\] pathForResource:@"Demo" ofType:@"png"\];  
53.         **UIImage** \*img = \[UIImage imageWithContentsOfFile:imagePath\];  
54.         \_image = CGImageRetain(img.CGImage);  
55.     \}  
56.     **return** \_image;  
57.    
58. \}  
59.    
60.    
61. \-(**void**)dealloc  
62. \{  
63.     CGImageRelease(\_image);  
64. \}

转自：http://jordy.easymorse.com/?p=849\#more-849，没有实验进行验证，我猜可能跟“\[UIImage imageNamed:@"yourBackground.png\]”这句话有关。

UIView视图只有backgroundColor方法，如果想要为UIView添加一张背景图，常用的方式有两种：

第一种，  是在UIView上加载一UIImageView（在UIImageView添加背景图）；

第二种，  是调用UIColor 的initWithPatternImage方法，具体做法：

UIColor \*imageColor = \[UIColor initWithPatternImage:\[UIImage imageNamed:@"yourBackground.png\]\];

\[uiview setBackgroundColor:imageColor\];

是的，这两种方式的确都可以为UIView显示出添加的背景图片，但是如果你要是细心的查看的话，这两种加载方式占用的内存是有很大差别的（建议选择一张大的背景图，这样查看内存会更明显），我自己的程序查看，第一种加载方式比第二种加载方式内存少大约5M。

这是使用initWithPatternImage方式加载的弊端一，另外，当释放这个UIView时，如果是ios5以前的版本，会发现initWithPatternImage方式多分配的内存并未随着UIView的释放而释放，更严重的是当我们反复创建这个UIView时，内存是会持续的增长（增长的大小就是initWithPatternImage多分配出来的内存）。

由此，建议大家在给UIView添加新图片时，还是创建UIImageView视图这种方式比较好。

[view plain]: http://blog.csdn.net/xwren362922604/article/details/8537742#
[xcdoc_ios_samplecode_QuartzDemo_Listings_QuartzDemo_QuartzImages_m.html]: http://blog.csdn.net/ouyangtianhan/article/details/17411399
[view plain 1]: http://blog.csdn.net/ouyangtianhan/article/details/17411399#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/118733
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/118733/fork