iOS - 在堆栈视图中拉伸的图像

Posted

技术标签:

【中文标题】iOS - 在堆栈视图中拉伸的图像【英文标题】:iOS - images stretched in stack-view 【发布时间】:2016-06-27 10:26:25 【问题描述】:

这是我用两个子视图创建堆栈视图的状态 --> 垂直和水平堆栈视图

水平视图包含 3 个按钮

查看下方图片

当我将背景设置为按钮时的问题,它的拉伸显示在图像中

我试图解决这个问题,

1-将视图模式设置为宽高比

2-增加按钮间距

3- 将固定宽度和高度设置为按钮之一,因为它们都服从

但不幸的是,我所有的尝试都不起作用,任何人都可以指导我解决我的问题,谢谢

【问题讨论】:

您应该将UIImageViews 的查看模式设置为Center 而不是Aspect fit 感谢您的回答,但这会产生奇怪的行为,因为我的堆栈视图水平 @Majster 解决方案适用于我的垂直堆栈。 【参考方案1】:

您是否尝试使用SetImage 而不是BackgroundImage 来解决问题,否则请根据您的要求使用您想要实现的具有适当大小的适当图像。查看setImageSetBackgroundImage之间的以下区别

在这里,您需要使用堆栈视图的按钮图像更改图像大小,这将解决您的问题,对于使用堆栈视图,以下是一个很好的链接:https://www.raywenderlich.com/114552/uistackview-tutorial-introducing-stack-views

【讨论】:

谢谢你的回答,但我认为这是我的堆栈视图延伸的原因,我按照你的建议做,但它是一样的 你的图片大小不合适先创建一个合适大小的图片 你建议尺寸吗,我需要 24*24 的图像尺寸合适吗 查看你的图像大小和你需要这个尺寸图像的堆栈视图的按钮大小 谢谢你解决了我的问题,请更新你的答案以接受它,但我有一个小问题,如何将中间视图作为左视图中的第一张图像,中间第二张和第三张对 。谢谢

以上是关于iOS - 在堆栈视图中拉伸的图像的主要内容,如果未能解决你的问题,请参考以下文章

iOS中的堆栈视图问题

防止在 iOS 的 Scrollview 中拉伸图像

在水平堆栈视图(自动布局)中将文本与图像垂直居中 - iOS

如何用图像作为背景填充 iOS 堆栈视图(UIStackView)?

选择 stackView 上的哪个子视图将拉伸(以编程方式)

在按钮顶部拉伸图像以推动视图控制器