blocks|key|959217|text|我以前也遇到过这样的问题。我解决这个问题的方法是把我的图片放在一个UIImageView中，在这个contentMode设置的地方，再放一个透明的自定义UIButton。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|959218|编辑:此答案已过时。有关iOS的现代版本中的正确答案，请参阅@Werner+Altewischer's+answer。|959219|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/3995820/1953914^0|X|B|1D|B|24|8|0|U|S|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|H|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

I've had that problem before. I solved it by putting my image in a <code>UIImageView</code>, where <code>contentMode</code> settings actually work, and putting a transparent custom <code>UIButton</code> over top of that.

EDIT: This answer is obsolete. See <a href="https://stackoverflow.com/a/3995820/1953914">@Werner Altewischer's answer</a> for the correct answer in modern versions of iOS.

blocks|key|1173818|text|解决方案是在UIButton的imageView属性上设置contentMode。我相信必须用自定义类型创建UIButton才能工作(否则此属性将返回nil+)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1173819|entityMap^0|6|8|F|9|T|B|1I|8|23|3|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|G|$]]

The solution is to set the <code>contentMode</code> on the <code>imageView</code> property of the <code>UIButton</code>. The <code>UIButton</code> has to be created with custom type for this to work I believe (otherwise <code>nil</code> is returned for this property).

blocks|key|960193|text|如果在界面生成器中执行此操作，则可以使用运行时属性检查器直接设置此设置，而无需任何代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|960194|将按钮上的按键路径设置为"imageView.contentMode“，类型为"Number”，值为"1“(或您喜欢的任何模式)。|960195|​|960196|📷|atomic|offset|length|960197|960198|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/c1be6445a00b66ecf5b7530afafb2089.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@$I|Y|J|Z|1|10]]|A|$]]|$1|K|3|E|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]]]

If you are doing this in Interface Builder, you can use the Runtime attributes inspector to set this directly without any code.

Set your Key Path on the button to be "imageView.contentMode" with a type of "Number" and a value of "1" (or whichever mode you would like).

<a href="https://i.stack.imgur.com/fbrFs.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fbrFs.png" alt="imageview.contentMode = 1"></a>

blocks|key|960028|text|对contentMode使用button的imageView。而不是直接在按钮上。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|960029|homeButton.imageView.contentMode+=+UIViewContentModeScaleAspectFit;
homeButton.contentHorizontalAlignment+=+UIControlContentHorizontalAlignmentFill;
homeButton.contentVerticalAlignment+=+UIControlContentVerticalAlignmentFill;
[homeButton+setImage:[UIImage+imageNamed:kPNGLogo]+forState:UIControlStateNormal];|code-block|syntax|javascript|960030|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use button's imageView for contentMode. Not directly on the button itself.

<pre><code>homeButton.imageView.contentMode = UIViewContentModeScaleAspectFit;
homeButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
homeButton.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;
[homeButton setImage:[UIImage imageNamed:kPNGLogo] forState:UIControlStateNormal];
</code></pre>

blocks|key|959777|text|前段时间我遇到了这个问题。我遇到的问题是，我试图将这种效果应用于背景UIButton，这是有限的，因此意味着你不能简单地调整它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|959778|诀窍是将它设置为一个图像，然后应用@ayreguitar的技术，这应该可以解决它！|959779|UIButton+*myButton+=+[UIButton+buttonWithType:UIButtonTypeCustom];
[myButton+setContentMode:UIViewContentModeScaleAspectFill];
[myButton+setImage:@"myImage.png"+forState:UIControlStateNormal];|code-block|syntax|javascript|959780|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I had this problem a while back. The issue I had was i was trying to apply this effect to the background UIButton which is limited and therefore means you cannot adjust it as easy.

The trick is to set it as just an image then apply @ayreguitar's technique and that should fix it!

<pre><code>UIButton *myButton = [UIButton buttonWithType:UIButtonTypeCustom];
[myButton setContentMode:UIViewContentModeScaleAspectFill];
[myButton setImage:@"myImage.png" forState:UIControlStateNormal];
</code></pre>

blocks|key|959852|text|这对我很有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|959853|[button.imageView+setContentMode:UIViewContentModeScaleAspectFit];|code-block|syntax|javascript|959854|感谢@ayreguitar的评论|959855|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This worked for me 

<pre><code>[button.imageView setContentMode:UIViewContentModeScaleAspectFit];
</code></pre>

Thanks to @ayreguitar for his comment

blocks|key|959893|text|以下是swift中的另一个答案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|959894|myButton.imageView?.contentMode+=+.ScaleAspectFit|code-block|syntax|javascript|959895|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here's an alternative answer in swift:

<pre><code>myButton.imageView?.contentMode = .ScaleAspectFit
</code></pre>

blocks|key|960078|text|将几个不同的答案组合到一个解决方案中--创建一个具有自定义类型的按钮，设置该按钮的imageView+contentMode属性，并设置该按钮的图像(而不是背景图像，它仍然会缩放以填充)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|960079|//Objective-C:
UIImage+*image+=+[UIImage+imageNamed:"myImageName.png"];
UIButton+*button+=+[UIButton+buttonWithType:UIButtonTypeCustom];
[button+setImage:image+forState:UIControlStateNormal];
button.imageView.contentMode+=+UIViewContentModeScaleAspectFit;

//Swift:
let+image+=+UIImage(named:+"myImageName.png")
let+button+=+UIButton(type:+.custom)
button.imageView?.contentMode+=+.scaleAspectFit
button.setImage(image,+for:+.normal)|code-block|syntax|javascript|960080|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Combining together a few different answers into one solution-- create a button with a custom type, set the button's imageView contentMode property, and set the image for the button (not the background image, which will still scale to fill).

<pre><code>//Objective-C:
UIImage *image = [UIImage imageNamed:"myImageName.png"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
[button setImage:image forState:UIControlStateNormal];
button.imageView.contentMode = UIViewContentModeScaleAspectFit;

//Swift:
let image = UIImage(named: "myImageName.png")
let button = UIButton(type: .custom)
button.imageView?.contentMode = .scaleAspectFit
button.setImage(image, for: .normal)
</code></pre>

blocks|key|959899|text|btn.imageView.contentMode+=+UIViewContentModeScaleAspectFit;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|959900|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>btn.imageView.contentMode = UIViewContentModeScaleAspectFit;
</code></pre>

blocks|key|1174102|text|ios+12。您还需要添加内容对齐|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1174103|class+FitButton:+UIButton+{

++++required+init?(coder+aDecoder:+NSCoder)+{
++++++++super.init(coder:+aDecoder)


++++}

++++override+func+layoutSubviews()+{
++++++++self.imageView?.contentMode+=+.scaleAspectFill
++++++++self.contentHorizontalAlignment+=+.fill
++++++++self.contentVerticalAlignment+=+.fill
++++++++super.layoutSubviews()


++++}

}|code-block|syntax|javascript|1174104|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

ios 12. 
You need to add also the content Alignment

<pre><code>class FitButton: UIButton {

 required init?(coder aDecoder: NSCoder) {
 super.init(coder: aDecoder)


 }

 override func layoutSubviews() {
 self.imageView?.contentMode = .scaleAspectFill
 self.contentHorizontalAlignment = .fill
 self.contentVerticalAlignment = .fill
 super.layoutSubviews()


 }

}
</code></pre>

blocks|key|959442|text|UIView内容模式适用于相应的CALayer的“内容”。这适用于UIImageView，因为它们将CALayer内容设置为相应的CGImage。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|959443|drawRect:最终会渲染到图层内容。|959444|一个自定义的UIButton+(据我所知)没有任何内容(四舍五入的矩形样式按钮可能是使用content呈现的)。该按钮具有子视图:背景视图、图像UIImageView和标题UILabel。设置子视图上的contentMode可能会做您想做的事情，但是摆弄UIButton视图层次结构有点不可取。|959445|entityMap^0|X|B|1E|7|1T|7|0|0|9|0|6|8|20|B|2E|7|2T|B|3J|8|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|K|$]]

UIView content modes apply to the corresponding CALayer's "content". This works for <code>UIImageView</code>s because they set the <code>CALayer</code> content to the corresponding <code>CGImage</code>.

<code>drawRect:</code> ultimately renders to the layer content.

A custom <code>UIButton</code> (as far as I know) has no content (the rounded-rect style buttons might be rendered using content). The button has subviews: the background <code>UIImageView</code>, the image <code>UIImageView</code>, and the title <code>UILabel</code>. Setting the <code>contentMode</code> on the subviews may do what you want, but messing around with the <code>UIButton</code> view hierarchy is a bit of a no-no.

blocks|key|1173950|text|我遇到了图像没有按比例调整大小的问题，所以我修复它的方法是使用边缘插入。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1173951|fooButton.contentEdgeInsets+=+UIEdgeInsetsMake(10,+15,+10,+15);|code-block|syntax|javascript|1173952|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I had problems with the image not resizing proportionately so the way I fixed it was using edge insets.

<pre><code>fooButton.contentEdgeInsets = UIEdgeInsetsMake(10, 15, 10, 15);
</code></pre>

blocks|key|959574|text|您可以使用如上所示的imageWithCGImage+(但不包括缺少的圆括号)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|959575|还有..。数以百万计的非4.0版本的手机根本不能使用这些代码。|959576|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

You can use imageWithCGImage as shown above (but without the missing parentheses).

Also... millions of non-4.0 phones won't work with that code at all.

blocks|key|1173975|text|[button+sizeToFit]为我工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1173976|entityMap^0|0|I|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>[button sizeToFit]</code> worked for me.

blocks|key|959989|text|与@Guillaume类似，我已经创建了UIButton的一个子类作为Swift-File。然后在接口生成器中设置我的自定义类：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|959990|​|959991|📷|atomic|offset|length|959992|。|959993|下面是Swift文件：|959994|import+UIKit

class+TRAspectButton+:+UIButton+{
++++required+init?(coder+aDecoder:+NSCoder)+{
++++++++super.init(coder:+aDecoder)
++++++++self.imageView?.contentMode+=+.ScaleAspectFit
++++}
}|code-block|syntax|javascript|959995|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/632cd0665cad705266740103517d9878.png|imageAlt^0|0|0|0|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@$G|13|H|14|1|15]]|A|$]]|$1|I|3|J|5|6|7|16|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|17|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|18|8|@]|9|@]|A|$P|Q]]|$1|R|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y|Z|-4]]]]

Similar to @Guillaume, I have created a subclass of UIButton as a Swift-File. Then set my custom class in the Interface Builder:

<a href="https://i.stack.imgur.com/ZYumn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZYumn.png" alt="interface builder"></a>.

And here the Swift file:

<pre><code>import UIKit

class TRAspectButton : UIButton {
 required init?(coder aDecoder: NSCoder) {
 super.init(coder: aDecoder)
 self.imageView?.contentMode = .ScaleAspectFit
 }
}
</code></pre>

blocks|key|959285|text|我也有同样的问题，但我不能让它工作(可能是SDK的bug+)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|959286|最后，作为一种变通办法，我在按钮后面放置了一个UIImageView，并设置了我想要的选项，然后简单地在它上面放置了一个空白的UIButton。|offset|length|style|CODE|959287|entityMap^0|0|N|B|1R|8|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]|$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|I|$]]

I had the same issue, but I couldn't get it to work (perhaps it's a bug with the SDK).

Eventually, as a workaround, I placed a <code>UIImageView</code> behind my button and set the options I wanted on that, then simply placed a blank <code>UIButton</code> on top of it.

I have a couple UIButtons, and in IB they're set to Aspect Fit, but for some reason they're always stretching. Is there something else you have to set? I tried all the different view modes and none of them work, they all stretch.

UIButton won't go to Aspect Fit in iPhone

Objective-C

Swift

我有几个UIButtons，在IB中它们设置为宽高适配，但由于某些原因，它们总是伸展。你还有什么需要设置的吗？我尝试了所有不同的视图模式，但它们都不起作用，它们都是拉伸的。

问UIButton不会转到iPhone中的Aspect Fit
EN

回答 16

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问UIButton不会转到iPhone中的Aspect FitEN

回答 16

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问UIButton不会转到iPhone中的Aspect Fit
EN