图片高度计算并排列显示

- (void)downLoadContentImages{

    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{

        NSArray* imageModelArr = _detailModel.goodsInfo.contentImg;

        NSMutableArray* imageArray = [[NSMutableArray alloc]init];

        NSMutableArray* heightArray = [[NSMutableArray alloc]init];

        

        for (int i = 0; i < imageModelArr.count; i ++) {

            [imageArray addObject:[UIImage new]];

            [heightArray addObject:[NSNumber numberWithFloat:0]];

        }

        

        for (int i = 0; i < imageModelArr.count; i ++) {

            dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{

                GoodsInfoImageModel* imageModel = imageModelArr[i];

                NSData* data = [NSData dataWithContentsOfURL:[NSURL URLWithString:imageModel.img]];

               

                UIImage* image = [UIImage imageWithData:data];

                CGSize imageSize = image.size;

                CGFloat imageHeight = SCREEN_WIDTH/imageSize.width*imageSize.height;

                if (image){

                    [imageArray setObject:image atIndexedSubscript:i];

                    [heightArray setObject:[NSNumber numberWithFloat:imageHeight] atIndexedSubscript:i];

                }

                _imageHeightArray = (NSArray*)heightArray;

                _contentImagesArray = (NSArray*)imageArray;

                dispatch_async(dispatch_get_main_queue(), ^{

                    [_tableView reloadData];

                });

            });

        }

    });

}

mbImageView setImage:_contentImagesArray[indexPath.row]



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,你需要使用CSS来实现这个功能,具体实现方法如下: 1. 首先,在HTML中创建一个容器,用于存放需要展示的图片,如下所示: ```html <div class="image-container"> <!-- 在这里添加需要展示的图片 --> </div> ``` 2. 在CSS中设置该容器的样式,包括宽度、高度、边距、滚动条等,以及子元素的样式: ```css .image-container { width: 600px; height: 400px; overflow: auto; /* 设置滚动条样式 */ scrollbar-width: thin; scrollbar-color: #ccc #fff; } .image-container img { display: block; float: left; width: 200px; height: 200px; margin: 5px; } ``` 其中,通过设置`float: left`让图片在同一行显示,设置`margin`为5px让图片之间有一定的间距。 3. 最后,通过JavaScript动态地添加图片,使其按照指定的几行几列排列,代码如下: ```javascript var container = document.querySelector('.image-container'); var numRows = 3; // 设置行数 var numCols = 4; // 设置列数 var numImages = 12; // 设置图片数量 for (var i = 1; i <= numImages; i++) { var img = document.createElement('img'); img.src = 'path/to/image' + i + '.jpg'; container.appendChild(img); // 计算图片的位置 var row = Math.floor((i - 1) / numCols); var col = (i - 1) % numCols; img.style.top = row * 210 + 'px'; img.style.left = col * 210 + 'px'; } ``` 通过计算每个图片的位置,将其定位到指定的行列上,其中,`top`和`left`是用来设置每个图片的位置的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值