iOS技术专题

ScrollView的某些特定subviews的删除

2016-01-19  本文已影响310人  4VZhang

工作之余,找到了一些有趣的代码做测试。不过在这测试的过程中,遇到了一些平时不经常注意的小问题。

我利用以下代码给scrollview添加了subviews,

self.colCount = num;

CGFloat marginX = (self.view.bounds.size.width - self.colCount * imageW) / (self.colCount + 1);

CGFloat marginY = 40;

for (int i = 0; i<7; i++) {

int row = i / self.colCount;

int col = i % self.colCount;

CGFloat x = marginX + col * (marginX + imageW);

CGFloat y = marginY + row * (marginY + imageH);

UIImageView *image = [[UIImageView alloc] initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"psb-%d",i+1]]];

image.frame = CGRectMake(x, y, imageW, imageH);

[self.scrollView addSubview:image];

}

因为后续功能需要将之前添加的subviews移除;恰恰在移除subviews的时候遇到了一些小问题,无法正确移除scrollview下的subviews;以下是相关的移除代码(遍历subviews,将每一个subview移除)

for (int i = 0; i< self.scrollView.subviews.count; i++) {

[self.scrollView.subviews[i] removeFromSuperview];

}

但不巧的是,和我一样的小白并不熟知scrollview内部的构造,以及subviews.count也在移除subview的同时递减;导致出现不想要的结果。经过测试得知---scrollview的subviews会比已知添加的要多出3个subview(1个Button类型,2个UIimageView类型),button类型的subview1应该是scrollview的滚动轴,UIimageView类型的subview2,3就不得而知了。

为了移除上述新添加的7个subviews,好区别于scrollview自带的两个UIimageView类型的subview,于是自定义一个新的类型iconImageView,继承自UIimageView,并在移除之前做相关类型的判断,移除符合条件的subview。

分析:i 一直在增加,0,1,2,3....,但是count却也在减少10,9,8,7;第i次移除,就会移除 自上一次移除之后生成新的scrollview.subviews的第i个subview;每当成功移除一个符合条件的subview之后,scrollView.subviews.count随之递减,但i并不是从第0个开始遍历,导致不能完全遍历scrollView的所有subviews。于是最终就会移除原来scrollview.subviews的第0,2,4,6个subview才会导致上述问题的发生;

为了避免这个问题,可以采取递减的方法移除,每次都从新的scrollview.subviews的最后一个开始移除。以下是代码

for (int i = (int)self.scrollView.subviews.count-1; i>0; i--) {

if ([self.scrollView.subviews[i] isKindOfClass:[iconImageView class]]) {

 [self.scrollView.subviews[i] removeFromSuperview];

}}

分析:i递减   9,8,7.....,每当成功移除一个符合条件的subview之后,虽然scrollView.subviews.count少了,但是还是会从最后一个遍历,并不会放过任何一个符合条件的subview。

还有另一种渐变的方法来实现上述遍历移除,只是换了一种表达方式,并且更加方便快捷。

for (iconImageView *subview in [self.scrollView subviews]) 

{    [subview removeFromSuperview];   }

最后得出的功能效果图如下:

上一篇 下一篇

猜你喜欢

热点阅读