UIButton 不监听内容模式设置？

Question

firstButton 是 Custom 类型的 UIButton。我以编程方式将其中三个放在表格的每个单元格中，因此：

[firstButton setImage:markImage forState:UIControlStateNormal];
[firstButton setContentMode:UIViewContentModeScaleAspectFit];
[cell.contentView addSubview:firstButton];

在其他地方，我告诉它 ClipToBounds。我得到的是图像中心正方形的裁剪，而不是按纵横比缩放的渲染。我已经尝试了很多方法，包括在firstButton.imageView上设置模式属性，这似乎也不起作用。

Answer 1

我还建议查看 adjustsImageWhenHighlighted UIButton 属性，以避免按下按钮时图像出现奇怪的变形。

Answer 2

在试图解决这个问题的过程中，随着时间的推移，我的方法变得有点黑客化，我最终将 UIButton 子类化并覆盖 setHighlighted：

对我来说，只需将图像 alpha 值降低到 0.5，因为它们在黑色上背景。

然而，只有当我注释掉 [super setHighlighted:] （看起来图像拉伸代码正在进行时）它才有效，这根本不像解决这个问题的正确方法......一切似乎都是不过工作正常。当我继续努力时，我们会看到它的效果如何。

- (void)setHighlighted:(BOOL)highlight {
    if (highlight) {
        [self.imageView setAlpha:.5];
    }  else {
        [self.imageView setAlpha:1];        
    }

//    [super setHighlighted:highlight];
}

Answer 3

如果有人正在寻找适用于 iOS 6 和 iOS 7 以及 Storyboard 的答案：

您可以在 Storyboard 中设置图像：

然后：

for(UIView* testId in self.subviews) {
    if([testId isKindOfClass:[UIImageView class]])
        [testId setContentMode:UIViewContentModeScaleAspectFill];
}

Answer 4

如果 UIButton 似乎不听布局约束设置，请检查图像是否大于按钮大小。始终使用 @2x 和 @3x 图像来实现视网膜分辨率。

Answer 5

我也有同样的问题。我发现这个问题有点老了，但我想提供一个清晰且正确的答案，以节省其他人（像我）在搜索结果中弹出时的时间。

我花了一些时间进行搜索和实验，但我找到了解决方案。只需设置 UIButton 内“隐藏”ImageView 的 ContentMode 即可。

[[firstButton imageView] setContentMode: UIViewContentModeScaleAspectFit];
[firstButton setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];

也许这就是丹·雷在他接受的答案中暗示的内容，但我怀疑不是。

Answer 6

如果您正在处理 UIButton 的图像（而不是它的 backgroundImage），则在 UIButton 本身或其 imageView 上设置 contentMode 没有任何效果（尽管其他答案怎么说）。

或者执行此操作：

self.button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
self.button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;

或相应地调整图像大小。

或者只使用 UIImageView（正确尊重 contentMode），并附加一个 UITapGestureRecognizer，或者在其顶部添加一个透明的 UIButton。

Answer 7

您不需要在按钮本身上设置 contentMode，而是需要设置 contentHorizo​​ntalAlignment 和 contentVerticalAlignment 属性以及（至关重要的）contentMode 用于按钮的 imageView 用于任何类型的宽高比填充或适合：

button.contentHorizontalAlignment = .fill
button.contentVerticalAlignment = .fill
button.imageView?.contentMode = .scaleAspectFit

您还可以执行其他操作，例如将按钮的图像与顶部对齐。如果您不需要宽高比填充或适合，您可以自行设置对齐方式：

button.contentVerticalAlignment = .top

Answer 8

经过几个小时的困惑，以下是我如何让它在 iOS 3.2 下工作。正如 dusker 提到的，使用 setBackgroundImage 而不是 setImage 为我完成了这项工作。

CGRect myButtonFrame = CGRectMake(0, 0, 250, 250);
UIImage *myButtonImage = [UIImage imageNamed:@"buttonImage"];

UIButton *myButton = [UIButton buttonWithType:UIButtonTypeCustom];

[myButton setBackgroundImage:myButtonImage forState:UIControlStateNormal];
[myButton setFrame: myButtonFrame];
[myButton setContentMode: UIViewContentModeScaleAspectFit];

Answer 9

答案是使用 UIImageView 以及您想要的所有可爱的内容模式设置，然后在其顶部放置一个自定义按钮。愚蠢的是你不能一次性完成所有这些，但看起来你不能。

Answer 10

这两件事（最初很难找到）将拉伸您的 UIButton 图像以适合按钮大小：

人们应该始终尝试在故事板而不是代码中进行设置。

Answer 11

找到了解决这个问题的方法。将 UIButton 的 adjustsImageWhenHighlighted 属性设置为 NO。

  UIButton *b = [[UIButton alloc] initWithFrame:rect];
        [b setImage:image forState:UIControlStateNormal];
        [b.imageView setContentMode:UIViewContentModeScaleAspectFill];
        [b setAdjustsImageWhenHighlighted:NO];

希望这有帮助。欢迎在下面评论，我会跟进您的任何问题。

Answer 12

我的答案和库巴的类似。我需要以编程方式设置我的图像。

UIImage *image = [[UIImage alloc] initWithContentsOfFile:...];
[button setBackgroundImage:image forState:UIControlStateNormal];
button.imageView.contentMode = UIViewContentModeScaleAspectFill; //this is needed for some reason, won't work without it.
for(UIView *view in button.subviews) {
    view.contentMode = UIViewContentModeScaleAspectFill;
}

Answer 13

唯一对我有用的解决方案：

[button setImage:image forState:UIControlStateNormal];
button.imageView.contentMode = UIViewContentModeScaleAspectFill;
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;

Answer 14

斯威夫特3

self.firstButton.imageView?.contentMode = .scaleAspectFill

Answer 15

对于在 iOS 15 和 Xcode 13 上遇到此问题的任何人，请参阅 Matt 在其他问题中的回答。

Xcode 的行为发生了变化，现在将库中的 UIButtons 默认为 plain 样式，这会阻止子图像按预期缩放。

Answer 16

尝试 setBackgroundImage 而不是 setImage

Answer 17

我相信我们这里有一个简单的界面生成器问题 - 显然，在您设置图像属性后，IB 会忽略任何内容模式更改。

解决方案很简单：设置内容模式，删除以前设置的图像名称（确保在所有状态下删除它，默认，突出显示等），然后在所有所需状态下重新输入所需的图像名称 - 等等。