iOS图片拉伸的方法

时间:2022-11-22 19:21:05

假如下面的一张图片,是用来做按钮的背景图片的,原始尺寸是76 × 40

iOS图片拉伸的方法

我们通过代码将这张图片设置为按钮的背景图片,假如我们将创建好的按钮的宽高设置为:(w=200, h=50)代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
// 初始化按钮
uibutton *button = [[uibutton alloc] init];
// 设置尺寸
button.frame = cgrectmake(100, 200, 200, 50);
 
// 加载图片
uiimage *image = [uiimage imagenamed:@"ppm_new_shuliang.png"];
 
// 设置背景图片
[button setbackgroundimage:image forstate:uicontrolstatenormal];
 
// 添加按钮
[self.view addsubview:button];

 结果如下:图片被拉伸了。

iOS图片拉伸的方法

原因分析:是将原是尺寸为76 × 40 的图片拉伸成了w=200, h=50;

解决方案:

1.找美工重做一张较大的图片,这样的话就会出现软件包将来会变大,占用空间更大;如果我们要经常修改按钮的frame,美工设计比较繁琐;
2.苹果为我们提供了关于图片拉伸的api,我们可以直接利用代码实现;

修改后:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// 初始化按钮
uibutton *button = [[uibutton alloc] init];
// 设置尺寸
button.frame = cgrectmake(100, 200, 200, 50);
 
cgfloat top = 0; // 顶端盖高度
cgfloat bottom = 0 ; // 底端盖高度
cgfloat left = 22; // 左端盖宽度
cgfloat right = 22; // 右端盖宽度
uiedgeinsets insets = uiedgeinsetsmake(top, left, bottom, right);
 
 
// 加载图片
uiimage *image = [uiimage imagenamed:@"ppm_new_shuliang.png"];
 
image = [image resizableimagewithcapinsets:insets resizingmode:uiimageresizingmodestretch];
 
// 设置背景图片
[button setbackgroundimage:image forstate:uicontrolstatenormal];
 
// 添加按钮
[self.view addsubview:button];

iOS图片拉伸的方法

还有一种设置方法:

iOS图片拉伸的方法

 

iOS图片拉伸的方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。