如何在 3.5 英寸和 4 英寸 iPhone 屏幕上显示图像时如何居中?

Posted

技术标签:

【中文标题】如何在 3.5 英寸和 4 英寸 iPhone 屏幕上显示图像时如何居中?【英文标题】:How can I center a image when it is displayed in both 3.5 inch and 4 inch iphone screen? 【发布时间】:2014-02-12 08:46:41 【问题描述】:

我希望在应用程序运行 3.5 英寸屏幕时显示黄色方块中的图像。但是,现在它只是简单地显示图像的上半部分(红色正方形区域)。那么,我怎样才能使图像始终居中。

我使用 Photoshop 来绘制我想要的效果。我希望图像是这样的:

在 4 英寸屏幕上:

在 3.5 英寸屏幕上:

【问题讨论】:

【参考方案1】:

无论如何,你不认为这会满足你的需要

[self.imgView setCenter:self.view.center];

[self.imgView setCenter:CGPointMake(self.view.frame.size.width / 2, self.view.frame.size.height / 2)]

self.view.center 为您提供当前视图可见部分的中心。

【讨论】:

【参考方案2】:

只需调整 imageView 的 Autosizing 即可。

【讨论】:

【参考方案3】:

然后在xib文件中选择图片:

编辑器 对齐 容器中的水平中心

再次选择图片

编辑器 对齐 容器中的垂直中心

就是这样。

【讨论】:

【参考方案4】:

设置UIImageView的框架

myImageView.frame = CGRectMake(x, y, self.view.frame.size.width - (x*2), self.view.frame.size.height - (y*2));

【讨论】:

【参考方案5】:

在 Storyboard 中选择 imageview,然后添加以下两个约束。您可以通过单击视图下方的小图标来添加约束。在这种情况下,您将通过单击 4 个图标组中的第一个图标找到以下选项。

    容器中的水平中心 - 0 容器中的垂直中心 -0

确保在添加这些约束时选择了您的图像视图。

【讨论】:

【参考方案6】:

为您的图像视图设置顶部和底部约束

使用第一个图标的底部检查您的 3.5 和 4 英寸屏幕

3.5 屏

4英寸屏幕

【讨论】:

以上是关于如何在 3.5 英寸和 4 英寸 iPhone 屏幕上显示图像时如何居中?的主要内容,如果未能解决你的问题,请参考以下文章

如何为 iPhone 4 英寸和 iPhone 3.5 英寸加载单独的 NIB 文件?

如何声明应用程序不适用于 3.5 英寸 iphone4?

一个适用于 iPhone 3.5 和 4 英寸的故事板

ios通用应用程序只显示3.5英寸屏幕而不是4英寸屏幕

iTunes Connect 上传应用程序仅适用于 4 英寸(iPhone 5、iPhone 5s)

如何为 iphone 3.5 和 iphone 4 英寸屏幕(ios 6 和 ios7)设计 Single xib?