iOS 调整图像大小/处理空白 Space
iOS Image Resizing / Dealing With Blank Space
我只是简单地将 UIImageView 拖到情节提要中并使其成为正方形。我添加了一个粉红色的背景来显示 ImageView 中剩余 space 的效果。在每种情况下,我都添加了一个更高的图像(第一个图像)和一个更宽的图像(第二个图像),以及一个文本标签。这是我的结果。
所以显而易见的问题是......我怎样才能摆脱这个额外的(粉红色)space并保持照片的完整性(也就是说,不必拉伸或丢失部分照片图片)?如果我希望能够滚动浏览照片,最好让它们的边缘宽度相同,这样它们看起来整洁有序(如果它们是纵向的),如果我想在每张下面都有文字,我' d 希望文本更接近它,而不是在横向时将所有空白(粉红色)space 放在中间。而且很明显不同尺寸的图片会给出不同尺寸的空白space.
所以我在想我能做的是在显示图像之前,获取它的大小,然后根据图片的方向与标签或屏幕边缘保持指定的距离,然后 creating/changing UIImageView 的大小,在将图片插入 ImageView 之前使用一些数学知识和图像尺寸。这可能吗?还有其他我不太明白的方法吗?
只要看看任何像样的照片应用程序,它们都很好而且整洁 organized/displayed 尽管尺寸、方向等不同,我想知道如何实现这一点。我显然没有深入使用图像,只是在预先确定的 ImageView 中显示它们。
感谢 help/suggestions!
试试这个...将您的 UIImageView 设置为 AspectFit(不是 AspectFill,因为那样会丢失一些图像)并使用约束执行以下操作:
- 将 UIImageView 在容器中水平和垂直居中
- 将 UILabel 设置为浮动在 UIImageView 下方所需的任何距离("standard" 通常很好)
- 将 UIImageView 的左、右和上约束设置为 >= 您想要的任何距离
- 将 UILabel 的底部约束设置为(再次)>= 您想要的任何距离
这个 的效果应该 是 UIImageView 将适当地调整自身大小到它的固有大小并且约束应该适当地定位它和标签。
我只是简单地将 UIImageView 拖到情节提要中并使其成为正方形。我添加了一个粉红色的背景来显示 ImageView 中剩余 space 的效果。在每种情况下,我都添加了一个更高的图像(第一个图像)和一个更宽的图像(第二个图像),以及一个文本标签。这是我的结果。
所以显而易见的问题是......我怎样才能摆脱这个额外的(粉红色)space并保持照片的完整性(也就是说,不必拉伸或丢失部分照片图片)?如果我希望能够滚动浏览照片,最好让它们的边缘宽度相同,这样它们看起来整洁有序(如果它们是纵向的),如果我想在每张下面都有文字,我' d 希望文本更接近它,而不是在横向时将所有空白(粉红色)space 放在中间。而且很明显不同尺寸的图片会给出不同尺寸的空白space.
所以我在想我能做的是在显示图像之前,获取它的大小,然后根据图片的方向与标签或屏幕边缘保持指定的距离,然后 creating/changing UIImageView 的大小,在将图片插入 ImageView 之前使用一些数学知识和图像尺寸。这可能吗?还有其他我不太明白的方法吗?
只要看看任何像样的照片应用程序,它们都很好而且整洁 organized/displayed 尽管尺寸、方向等不同,我想知道如何实现这一点。我显然没有深入使用图像,只是在预先确定的 ImageView 中显示它们。
感谢 help/suggestions!
试试这个...将您的 UIImageView 设置为 AspectFit(不是 AspectFill,因为那样会丢失一些图像)并使用约束执行以下操作:
- 将 UIImageView 在容器中水平和垂直居中
- 将 UILabel 设置为浮动在 UIImageView 下方所需的任何距离("standard" 通常很好)
- 将 UIImageView 的左、右和上约束设置为 >= 您想要的任何距离
- 将 UILabel 的底部约束设置为(再次)>= 您想要的任何距离
这个 的效果应该 是 UIImageView 将适当地调整自身大小到它的固有大小并且约束应该适当地定位它和标签。