代码之家 › 专栏 › 技术社区 › You Speak So Well

使UIImageView适合屏幕宽度,但保持纵横比[快速]

interface-builder user-interface uitableview swift ios

You Speak So Well · 技术社区 · 8 年前

我正在尝试构建一个简单的tableview,其中的tableview显示了人们发布的图像和他们的朋友添加的评论的列表。

这是TableViewCell的一个子类,我使用堆栈视图对其进行布局。问题是,我想在不拉伸的情况下显示照片-我想让它们保持原始的纵横比,但人们可以上传任何尺寸的图像。您可以在屏幕截图中看到图像被压扁。

我注意到上传的文件越大。jpeg文件中,细胞生长得越高(我猜图像大小决定了固有高度?),但由于宽度无法更改,因此每个图像的挤压方式不同。一张巨大的图片将显示为超高,但宽度相同。

我尝试将图像设置为纵横比匹配,但只有可见图像本身可以满足我的要求:适合宽度,而不是扭曲纵横比。然而,UIImageView本身仍然很高,它将所有其他UI元素都推到了一边。

我一定错过了什么。。。不应该这么难吧?

2 回复 | 直到 8 年前

Shehata Gamal 8 年前

要将图像约束为纵横比,请首先为其指定屏幕宽度,然后在IB中为其指定静态高度,并将该约束挂接为IBOutlet

把它放在cellForRow里面

   cell.imageHeightcon.constant = imageRealHeight*imageWidthInIB/imageRealWidth

-1

Tiago Couto 8 年前

您应该根据需要调整图像视图的大小。然后您应该使用aspect来填充,而不是aspect to fit并选择选项 clip to bounds 在属性检查中

推荐文章

Seg · _tkinter。TclError|TCL安装不正确。FreeSimpleGUI中出错

1 年前

FranticFronk · Tkinter单选按钮在已选择时执行命令

1 年前

Kumkuatte · 如何将UI元素对齐到Unity中的左侧位置

1 年前

Calax · GUI不显示所有组件(C++)

1 年前

trassert · python flet容器

1 年前

Shady Abdulmunim · 喷气背包组合中的扫掠渐变圆形进度条

1 年前

Jason Parmar · 伪OSS错误:校验和输入流计算器不支持标记

1 年前

Kdwk · 为什么添加这个Flutter小部件会使应用程序对鼠标点击没有响应?

1 年前

zadisk8 · 带有Q拆分器和多级选项卡的PyQt5

1 年前

Patrick Visi · Zitadel日常创建服务用户

2 年前