如何根据正在使用的 iphone 按比例调整图像大小

Posted

技术标签:

【中文标题】如何根据正在使用的 iphone 按比例调整图像大小【英文标题】:How to proportinally size the image based on the iphone is using 【发布时间】:2015-06-18 19:51:07 【问题描述】:

假设我有一个大图像 (400wx700h) 像素。 我希望这张图片以 iphone 为中心并占据显示区域的 1/4。不管是 iphone 4 还是 iphone 6+,我还是希望这张图片居中,只占显示区域的 1/4。 另外,我想在情节提要中设计它并使用约束,而无需编码。我知道如何使图像居中,但不确定 1/4 部分。有人可以指导我吗?

谢谢 博尔纳

【问题讨论】:

【参考方案1】:

使用超级视图创建等宽和等高的约束,并将每个约束中的乘数设置为 0.25

【讨论】:

【参考方案2】:
    使用 UIImageView 来包含您的 UIImage。 将 imageView.contentMode 设置为 ScaleToFit 使用从 imageView 到 viewController 视图的 Equals Widths 和 Equals Heights 约束。 在约束上使用乘数(4 和反向乘数)将大小调整到您想要的大小。

【讨论】:

抱歉,还是不太清楚,有什么地方可以分享给我吗? 现在假设我有 3 张图像要居中。所以我可以使用超级视图为所有 3 个图像设置相同宽度和高度的约束,然后将每个约束中的乘数设置为 ? 取决于您希望图像的显示方式。您绝对可以为超级视图设置多个相等的宽度和高度约束——例如,如果您想垂直堆叠它们。使用宽度/高度约束来管理大小和其他约束来管理它们的位置。 我希望我可以发布一张图表,但还没有足够的声誉来发布图片。所以这里是我想做的。 1. 顶部有 1 个工具栏 2. 底部有 2 个工具栏 3. 中间有一个视图,在该视图中我想要 15 个带有图像的按钮 row1:1 个按钮居中 row2:2 个按钮居中 row3:3 个按钮居中 row4 :3个按钮居中row5:3个按钮居中row6:2个按钮居中row6:1个按钮居中我很难将这些按钮居中,当然这应该可以处理所有iphone案例。 对于复杂的布局,您应该考虑使用 UICollectionView 和自定义 UICollectionViewLayout。使用约束来控制集合视图的大小和位置,但在集合视图中完成所有复杂的布局。

以上是关于如何根据正在使用的 iphone 按比例调整图像大小的主要内容,如果未能解决你的问题,请参考以下文章

根据列表中图像的数量按比例调整动态图像列表的大小

使用 CSS 按比例调整图像大小? [复制]

按比例调整图像大小以适合 HTML5 画布

根据屏幕大小按比例缩小包含图像的 HTML 表格

如何按比例调整图像大小/保持纵横比?

Internet Explorer 9 - 按比例调整图像大小