自定义cell中的图片的约束应该如何定义

发布于 2022-09-01 20:45:43 字数 651 浏览 10 评论 0

我需要在一个宽600的cell中放一张图片,我设置图片的高是cell的宽的155/600(在xib里宽高是115),图片的宽等于图片的高。我期望的是图片的大小能够跟着cell的宽度而变化,但是运行之后发现图片的大小是可以跟着cell的宽变化,但是cell的高却是按照图片缩小前的高(115)算出来的。然后就导致cell下面空了一片。
图片描述

图片描述

图片描述

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

伴梦长久 2022-09-08 20:45:43

Update

从后来上传的图片上,并没看出“导致cell下面空了一片”是怎么一回事。
根据你的需求:cell中放一张图片,图片的大小能够跟着cell的宽度而变化,图片的宽等于图片的高。
我做了如下配置:
ImageView宽高比1:1;ImageView在Cell中水平居中、垂直居中;ImageView与Cell宽度比0.8;View Mode为Aspect Fit(不然图片就变形了,也可以选其它的,你可以改变这个参数查看效果)

clipboard.png

下图是在Storyboard中修改cell的宽度后的效果,左边宽200,右边宽100,高都是100:
clipboard.png

不知道是否满足你的需求。。。
测试基于工程https://github.com/fahadahmed/RecipePhoto,在此基础上修改为上述的配置。

Old Answer

如果你是把图片放在UIImageView中,并且设置了Aspect Ratio Constraint: ImageView.Width=ImageView.Height

图片描述
然后还设置了ImageView的高度和Cell宽度的比例,那么,Cell宽度发生变化,整个ImageView的宽、高都会变的。

所以图片高度不可能是不变的,你再检查下配置吧

然后再考虑下View Mode,以决定是按比例缩放,还是填满整个view......
图片描述

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文