Masonry和UIView+position冲突的问题

工程里同时存在Masonry和UiView+positon的库文件, 但是发现两者老是冲突, 用UiView+positon进行的frame设置代码, command进去会跳到Masonry里, 很是奇怪

.....


后来发现罪魁祸首就是一句宏定义!!!! 2333333



删掉这句宏定义, 一切视图问题, 冲突问题, [Nan nan]报错问题全部解决!! 真他妈痛快啊, 2333333


原因如下:


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用 Masonry 布局的时候,图片的高度不一致可能导致瀑布流重叠的问题。解决这个问题的方法是通过给每个元素设置宽度,并根据图片的原始大小设置元素的高度。 具体实现步骤如下: 1. 获取所有图片元素的原始大小。 可以通过创建一个 Image 对象,使用其 onload 事件在图片加载完成后获取图片的原始大小。 ```javascript var img = new Image(); img.onload = function() { console.log('图片原始大小:' + this.width + 'x' + this.height); }; img.src = 'http://example.com/image.jpg'; ``` 2. 计算每个元素的高度。 在获取到图片的原始大小之后,可以根据元素的宽度和图片的宽高比计算出元素的高度。 ```javascript var elementWidth = 200; // 元素宽度 var imageWidth = img.width; var imageHeight = img.height; var elementHeight = imageHeight / imageWidth * elementWidth; ``` 3. 设置每个元素的高度。 通过遍历所有元素,设置其高度即可。 ```javascript var elements = document.querySelectorAll('.item'); for (var i = 0; i < elements.length; i++) { elements[i].style.height = elementHeight + 'px'; } ``` 以上是一种简单的解决方案,但可能存在一些问题,例如: - 如果图片加载较慢,会导致布局变化时出现闪烁。 - 如果图片的宽高比很大,会导致元素的高度很高,影响布局效果。 为了解决这些问题,可以使用一些插件或库来实现瀑布流布局,例如: - Isotope:一个功能强大的瀑布流布局库,支持过渡效果和筛选功能。 - Packery:一个基于 Draggabilly 的瀑布流布局库,支持动态布局和拖拽功能。 - Waterfall:一个轻量级的瀑布流布局插件,支持自适应和懒加载功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值