[IOS]——九宫图的实现

能够根据图片的数量自动显示对应的view

效果图

代码实现

//首先根据图片的数量返回对应的size
-(CGSize)photosSIzetocount:(int)count
{
    //设置图片的宽高为64，间距为10
    //求行数
    int rows = 0;
    if(count%3==0){
        rows = count / 3;
    }else{
        rows = count / 3 + 1;
    }
    CGFloat photosH = rows * 75 + (rows - 1) * 10;
    //求列数
    int cols = (count>2)?3:count;
    CGFloat photosW = cols * 75 + (cols - 1) * 10;
    
    return CGSizeMake(photosW, photosH);
}
//根据图片的数量来创建足够多的imageView以及隐藏多余的imageView
-(void)setPhotosArray:(NSArray *)photosArray
{
    _photosArray = photosArray;
    //先把数组的总数拿出来，那么就不用经常重新调用get方法
    int count = (int) photosArray.count;
    //创建足够多的imageView来显示图片
    while (self.subviews.count<count) {
        UIImageView *imageV = [[UIImageView alloc] init];
        [self addSubview:imageV];
    }
    //给设置好的imageV添加图片
    for (int i=0; i<self.subviews.count; i++) {
        UIImageView *photoV = self.subviews[i];
        if(i<count){
            photoV.hidden = NO;
            //设置图片
            NSDictionary *dict = _photosArray[i];
            NSString *imageUrl = dict[@"thumbnail_pic"];
            NSData *imagedata = [NSData dataWithContentsOfURL:[NSURL URLWithString:imageUrl]];
            photoV.image = [UIImage imageWithData:imagedata];
        }else{
            //多余的imageV就把它隐藏
            photoV.hidden = YES;
        }
    }
}
//设置子控件的尺寸
-(void)layoutSubviews
{
    [super layoutSubviews];
    //先把数组的总数拿出来，那么就不用经常重新调用get方法
    int count = (int) _photosArray.count;
    for (int i=0; i<count; i++) {
        UIImageView *photoV = self.subviews[i];
        //设置图片的宽高为64，间距为10
        int col = i%3;
        CGFloat photoX = col * (75+10);
        int row = i/3;
        CGFloat photoY = row *(75+10);
        photoV.frame = CGRectMake(photoX, photoY, 75, 75);
    }
}