【iOS开发】---- tableView背景随表滚动

        最近项目中用到了“图随表动”，如下图所示：

        这是一个订单，需要add shipping insurance以上的部分随着表格的滚动而滚动，这里表格是group类型的，所以背景加在cell上是达不到效果的，在code4App上找到了一个例子（code4App中搜索“图随表动”），实现如下：

#define bgHeight table.frame.size.height#define beginBgY -table.frame.size.height- (void)addBgLayer{    UIImage *img = [UIImage imageNamed:@"bgTable.png"];        CGFloat imgHeight = img.size.height;    CGFloat contentHeight = table.contentSize.height;       NSInteger needNum = (contentHeight+bgHeight - beginBgY)/imgHeight + 1;    if (needNum > alreadyAddBg) {        for(int i = alreadyAddBg; i < needNum; i++) {            CGRect rect = CGRectMake(0, beginBgY+i*imgHeight, table.frame.size.width,imgHeight);            [self addLayerWithFrame:rect];        }        alreadyAddBg = needNum;    }}- (void)addLayerWithFrame:(CGRect)frame{    CALayer *background = [CALayer layer];    background.zPosition = -1;    background.frame = frame;    background.contents = (id)([[UIImage imageNamed:@"bgTable.png"] CGImage]);    [table.layer addSublayer:background];}

        其中beginBgY是背景的起始位置，如果你想从y小于0的位置开始也可以，代码很简单，不多做解释，就是加了个layer到table的layer上。

       到这里初步达到了我的要求，但是，产品列表中的产品如果非常多的话，用户就必须要不停的往下翻，所以我将其弄成可以收缩的方式（之前有个收缩的demo：http://download.csdn.net/detail/sjx19871225/5086683）。

       但是弄成收缩的之后，背景的大小又要随变化，我开始直接想把layer 给remove掉，然后重新添加，当然，结果是可以预见的，程序崩溃掉了，因为layer的引用计数已经只有1了，再remove当然就崩掉了。

我想了一个办法：因为从要求来看，只有列表部分的高度在变化，其他地方不变，所以背景的大小只有两种，这样我就定义了两个layer的成员变量并初始化分配内存，将背景图分别加在两个不一样大小的layer上，然后需要用哪个的时候就将哪个加载在table的layer上，将不用的remove掉，具体代码如下：

- (void)addBgLayer{        UIImage *img0 = [UIImage imageNamed:@"tbg.png"];    UIImage *img1 = [UIImage imageNamed:@"pbg.png"];    UIImage *img2 = [UIImage imageNamed:@"bbg.png"];    CGFloat imgHeight = img1.size.height;    CGFloat contentHeightOpen = 0;;//减两个16是顶部和底部锯齿    CGFloat contentHeightNotOpen = 0;;    if (_order.isNewOrder)    {        contentHeightOpen = 90+[_order.productList count]*127+95+65+65+50*3-16-16;//减两个16是顶部和底部锯齿        contentHeightNotOpen = 90+95+65+65+50*3-16-16;    }else    {        contentHeightOpen = 90+[_order.productList count]*127+95+50*3-16-16;//减两个16是顶部和底部锯齿        contentHeightNotOpen = 90+95+50*3-16-16;    }    self.layerOpen.frame = EZRECT(0, 0, 320,  contentHeightOpen);    self.layerNotOpen.frame =EZRECT(0, 0, 320,  contentHeightOpen);    NSInteger needNum;        {//打开的layer        [self addLayerWithFrame:EZRECT(0, 0, 320, 16) withImage:img0 toLayer:self.layerOpen];        needNum = contentHeightOpen/imgHeight + 1+1;//为了美观，多加1个                for(int i = 0; i < needNum; i++) {            //CGRect rect = CGRectMake(0, beginBgY+i*imgHeight, 320,imgHeight);            CGRect rect = CGRectMake(0, i*imgHeight+16, 320,imgHeight);            [self addLayerWithFrame:rect withImage:img1 toLayer:self.layerOpen];        }        [self addLayerWithFrame:EZRECT(0, 16+needNum*imgHeight, 320, 16) withImage:img2 toLayer:self.layerOpen];    }        {//收起的layer        [self addLayerWithFrame:EZRECT(0, 0, 320, 16) withImage:img0 toLayer:self.layerNotOpen];                needNum = contentHeightNotOpen/imgHeight + 1+1;//为了美观，多加1个        for(int i = 0; i < needNum; i++)        {            //CGRect rect = CGRectMake(0, beginBgY+i*imgHeight, 320,imgHeight);            CGRect rect = CGRectMake(0, i*imgHeight+16, 320,imgHeight);            [self addLayerWithFrame:rect withImage:img1 toLayer:self.layerNotOpen];        }                [self addLayerWithFrame:EZRECT(0, 16+needNum*imgHeight, 320, 16) withImage:img2 toLayer:self.layerNotOpen];    }        BOOL isOpen = [[isOpenDic objectForKey:@"sectionProductList"] boolValue];    if (isOpen)    {        self.layerOpen.zPosition = -2;        [table.layer addSublayer:self.layerOpen];    }    else    {        self.layerNotOpen.zPosition = -2;        [table.layer addSublayer:self.layerNotOpen];    }}- (void)addLayerWithFrame:(CGRect)frame withImage:(UIImage *)image toLayer:(CALayer *)layer{    CALayer *background = [CALayer layer];    background.zPosition = -1;    background.frame = frame;    background.contents = (id)([image CGImage]);    [layer addSublayer:background];}

       这里我又碰到了一个问题，就是

       self.layerOpen.zPosition = -2;

       图层的层次问题，注意到添加到table上的layer与添加到layerOpen（添加到table上的layer）层次是不同的。