当UIButton内容模式为"中心"时,背景图像会像素化

Question

这是我如何设置背景图像和内容模式:

[btn setBackgroundImage:[UIImage imageNamed:@"dots_game_horiz_blue.png"] 
               forState:UIControlStateNormal];
[btn setContentMode:UIViewContentModeCenter];

是否有背景图像像素化的原因？框架略大于图像尺寸,我只想让图像居中.

Answer 1

我猜UIButton不认为背景图像是"内容",因此内容模式不适用于背景图像.相反,我设置按钮的图像,它工作得很好:

[btn setImage:[[UIImage alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"dots_game_horiz_blue" ofType:@"png"]] forState:UIControlStateNormal];
[btn setContentMode:UIViewContentModeCenter];

Answer 2

在xib/storyboard中的Attributes检查器中,您需要:

1. 将您的UIButton类型设置为Custom
2. 在房产中设置您的图像Image,而不是Background
3. 验证步骤2,您可以看到根据图像集更改了按钮框.根据需要设置框架,图像将自行调整大小以适应
4. 选择Image属性Edge以便将插入应用于按钮图像
5. 输入您需要的插入值.如果将5设置为Top, Bottom, Left, Right,则图像将在按钮内居中,边框为5

您可以在xib/storyboard视图中看到更改,无需启动调试.

提示:按钮的每个图像的插入都是相同的(State Config)

Answer 3

您还可以实现- (CGRect)backgroundRectForBounds:(CGRect)bounds控制背景的绘制方式.